Example output
I'll create an optimized daily schedule that maximizes your peak morning energy while accommodating your fixed commitments and wellbeing needs.
```tsx
import React from 'react';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
import { Battery, Sun, Moon, Zap, Coffee, Brain, Code, Users, Bug, Book, Dumbbell, Coffee as CoffeeBreak } from 'lucide-react';
const DailySchedule = () => {
const schedule = [
{ time: "7:00 - 7:45", activity: "Morning routine & wake-up", energy: "rising", icon: Sun },
{ time: "7:45 - 8:00", activity: "Quick breakfast", energy: "moderate", icon: Coffee },
{ time: "8:00 - 9:30", activity: "Deep focus: Client project coding", energy: "peak", icon: Code },
{ time: "9:30 - 10:00", activity: "Daily standup meeting", energy: "high", icon: Users },
{ time: "10:00 - 10:05", activity: "Quick break", energy: "high", icon: CoffeeBreak },
{ time: "10:05 - 12:00", activity: "Continue client project coding", energy: "peak", icon: Code },
{ time: "12:00 - 12:30", activity: "Project documentation", energy: "moderate", icon: Book },
{ time: "12:30 - 1:00", activity: "Lunch break", energy: "moderate", icon: Coffee },
{ time: "1:00 - 2:00", activity: "Bug fixes", energy: "moderate", icon: Bug },
{ time: "2:00 - 3:00", activity: "Client meeting", energy: "low", icon: Users },
{ time: "3:00 - 3:15", activity: "Rejuvenation break", energy: "rising", icon: Brain },
{ time: "3:15 - 4:00", activity: "Continue bug fixes", energy: "moderate", icon: Bug },
{ time: "4:00 - 4:30", activity: "Team sync", energy: "moderate", icon: Users },
{ time: "4:30 - 5:30", activity: "Code review", energy: "moderate", icon: Code },
{ time: "5:30 - 6:00", activity: "Wrap-up and plan tomorrow", energy: "moderate", icon: Book },
{ time: "6:00 - 7:00", activity: "Gym workout", energy: "moderate", icon: Dumbbell },
{ time: "7:00 - 11:00", activity: "Dinner and personal time", energy: "winding down", icon: Moon }
];
const getEnergyColor = (energy) => {
const energyColors = {
peak: "bg-green-100 text-green-800",
high: "bg-green-50 text-green-700",
moderate: "bg-blue-50 text-blue-700",
low: "bg-orange-50 text-orange-700",
rising: "bg-yellow-50 text-yellow-700",
"winding down": "bg-purple-50 text-purple-700"
};
return energyColors[energy] || "bg-gray-50 text-gray-700";
};
return (
<Card className="w-full max-w-4xl">
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Zap className="w-6 h-6" />
Optimized Daily Schedule
</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-3">
{schedule.map((block, index) => {
const Icon = block.icon;
return (
<div key={index} className="flex items-center gap-4 p-3 rounded-lg border">
<div className="w-24 text-sm font-medium">{block.time}</div>
<Icon className="w-5 h-5 text-gray-500" />
<div className="flex-grow">{block.activity}</div>
<div className={`px-3 py-1 rounded-full text-sm ${getEnergyColor(block.energy)}`}>
{block.energy}
</div>
</div>
);
})}
</div>
</CardContent>
</Card>
);
};
export default DailySchedule;
```
I've created an optimized schedule that takes advantage of your peak morning energy for complex tasks while accommodating your fixed commitments. Here are the key features of this schedule:
1. Morning Optimization
- Leverages your peak focus hours (8 AM - 11 AM) for complex coding work
- Positions the standup meeting at 9:30 AM when you're still highly energetic
- Front-loads challenging tasks during your morning energy peak
2. Energy Management
- Places the client meeting during your low-energy period (2 PM)
- Includes a rejuvenation break after the low-energy period
- Schedules lighter tasks like documentation during moderate energy times
3. Break Strategy
- Incorporates 5-minute breaks every hour
- 30-minute lunch break at 12:30 PM
- Strategic rejuvenation break after the low-energy period
4. Task Distribution
- Client project coding during peak morning hours
- Bug fixes split around the client meeting
- Code review in the afternoon when energy is moderate
5. Wellbeing Integration
- Gym workout at 6 PM to help with physical health
- Regular meals at requested times
- Adequate personal time in the evening
Would you like me to adjust any aspect of this schedule? For example, I could:
- Add more detailed break activities
- Adjust the task order
- Include specific focus techniques for different time blocks