Productive

A small web app, having some amazing utilities to increase productivity.

Packages/Libraries Used

• Tailwind CSS
• SyncFusion (UI component Library)
• React Icons

Features Showcase

1. Custom Theme setting(Colors Selection, ligt/dark mode)
2. Kanban Board(Add, update, delete, drag and drop, tooltip for quick view)
3. Rich text Editor(write and save + display)
4. Calendar (create, update, delete events, multiple views)
5. Pomodoro timer

Components

1. Sidebar (Toggle enabled)
2. Topbar/Navbar
3. Header
4. Routing
5. Homepage
6. Calendar
7. Kanban
8. Editor
9. Theme Settings
10. Pomodoro

Assets

• Icons
• mockData
• Images

Future Scope of improvement

1. Authentication(Login/Logout)
2. Integration of calendar and kanban
3. Store calendar, kanban, editors data to backend

syncfusion components used:

• Tooltip Component
• Schedule
• Datepicker calendar
• Kanban
• Rich text Editor

Reference links

• https://www.syncfusion.com/react-components