A kawaii-inspired, aesthetic todo application built with React. Vibe Todo helps you stay organized and productive with a delightful user experience.
- Multiple Views: List, Kanban, and Calendar views for flexible task management
- Task Management: Add, edit, delete, and categorize tasks
- Priority Levels: Set high, medium, or low priority for each task
- Tags: Organize tasks with colorful custom tags
- Pomodoro Timer: Built-in pomodoro timer to boost productivity
- Productivity Dashboard: Track completion rates, streaks, and priority distribution
- Export/Import: Easily back up and restore your todo data
- Theme Toggler: Switch between light and dark modes
- Responsive Design: Beautiful on desktop and mobile devices
- Node.js (v14 or later)
- npm or yarn
-
Clone the repository
-
Install dependencies:
npm installor
yarn install -
Start the development server:
npm startor
yarn start -
Open http://localhost:3000 to view the app in your browser.
src/components- React components for UI elementssrc/contexts- Context providers for state managementsrc/App.js- Main application componentsrc/index.js- Entry point for the React application
Vibe Todo embraces these core principles:
- Aesthetic Joy: Visual design that brings happiness to users
- Functional Kawaii: Cute elements that serve a purpose
- Mindful Productivity: Tools that encourage balance and well-being
- Delightful Interactions: Animations and responses that feel satisfying
This project is open source and available under the MIT License.