URL : https://synapse.radityaabi.com/
A modern, full-featured task management application built with React, TypeScript, and Tailwind CSS.
This application provides a complete solution for managing tasks with intuitive UI, real-time countdown timers, persistent storage, and a comprehensive analytics dashboard.
- Real-time count of total tasks and completed tasks
- Visual progress bars for each task category
- Percentage-based progress tracking across categories
- Dynamic statistics that update in real-time
- Create Tasks: Add tasks with title, description, category, priority, and due dates
- Edit Tasks: Modify tasks through intuitive edit forms
- Delete Tasks: Remove tasks with confirmation dialogs
- Task Status: Three statuses (To Do, In Progress, Done)
- Categories: Organize into 10 categories (Work, Personal, Study, etc.)
- Countdown Timer: Real-time countdown for deadlines
- Due Date Tracking: Indicators for overdue, today’s, and upcoming tasks
- Date & Time Picker: Integrated calendar and time selector
- Relative Time Display: Smart formatting (Today, Tomorrow, In X days, Overdue)
- Responsive Design: Fully responsive layout
- Visual Status Indicators: Color-coded badges
- Task Cards: Clean card-based layout
- Action Menus: Contextual menus
- Detail Views: Full task detail pages
- Progress Visualization: Bar charts for category completion rates
- React 19
- TypeScript
- Tailwind CSS
- React Router
- date-fns
- Zod
- Shadcn
- Custom Tailwind-based components
- Lucide React icons
- React Hooks (custom state management)
- LocalStorage persistence
- Zod schemas for validation
- bun
Clone the repository:
git clone https://github.com/radityaabi/Synapse.git
cd Synapse