A modern daily planning application with user authentication, task management, and achievement tracking.

• Onboarding/Login Screen: User registration and login with name and username
• Task Management: Create, complete, and manage daily tasks with satisfying animations
• Achievements: Track completed tasks and view accomplishments
• Responsive Design: Works on desktop and mobile devices
• Mature & Friendly UI: Professional color scheme with engaging interactions

├── backend/
│   ├── index.ts           # Main Hono server
│   ├── database/
│   │   ├── migrations.ts  # Database schema
│   │   └── queries.ts     # Database operations
│   └── routes/
│       ├── auth.ts        # Authentication routes
│       ├── tasks.ts       # Task management routes
│       └── static.ts      # Static file serving
├── frontend/
│   ├── index.html         # Main HTML template
│   ├── index.tsx          # React app entry point
│   ├── components/
│   │   ├── App.tsx        # Main app component
│   │   ├── LoginScreen.tsx
│   │   ├── TaskScreen.tsx
│   │   └── AchievementsScreen.tsx
│   └── style.css          # Custom styles
└── shared/
    └── types.ts           # Shared TypeScript types

• Backend: Hono.js with SQLite database
• Frontend: React with TypeScript
• Styling: TailwindCSS with custom animations
• Storage: SQLite for user data and tasks

The application uses a mature yet friendly color palette:

• Primary: Sage green (#6B7280, #10B981)
• Secondary: Warm gray (#F3F4F6, #E5E7EB)
• Accent: Soft blue (#3B82F6)
• Success: Emerald green (#059669)