PWA Task Manager with Atlassian-like UI

• 

  ToDo list PWA app

• 

  Dashboard

• 

  Dark mode

Inspiration

Todo list simple across platforms

What it does

Offers 3 stages : Todo, In progress and Done with a dashboard showing tracks

How we built it

Core Features:

Drag-and-drop kanban board with task management Offline-first architecture using NanoStore for state management Markdown support with emoji picker for rich task descriptions Light/dark mode toggle with Atlassian-inspired design Dashboard with progress charts and statistics cards Data export/import functionality for portability Responsive PWA design for mobile and desktop Task editing, deletion, and status management

Design Elements:

Atlassian-inspired color palette with blues (#0052CC), grays, and accent colors Clean card-based layout with subtle shadows and rounded corners Smooth drag-and-drop animations and micro-interactions Responsive grid system adapting from mobile-first to desktop layouts Modern typography with proper hierarchy and spacing Dashboard with interactive charts showing task completion trends Floating action buttons and contextual menus for better UX

Challenges we ran into

No enough time to extend

Accomplishments that we're proud of

Drag and Drop, PWA and Dashboard

What we learned

Bolt is a strong AI editor

What's next for PWA Task Manager with Atlassian-like UI

Extend it with export and import to json or other format, sync with Google drive.

Built With

• atlassian
• dnd
• react