Task Flow

Task Flow is a productivity app for people who want to stay on top of tasks, projects, and routines - without feeling overwhelmed. Whether you’re managing work, school, or your personal life, this template keeps everything tidy and flowing.

It’s inspired by Todoist, rebuilt from scratch in Bolt to be modular, mobile-friendly, and fully customizable for real use.

Default views to keep your tasks sorted and in focus. The upcoming view uses a timeline format with dates stacked vertically or in a calendar grid.

Tasks live inside collapsible projects. You can favorite projects, nest them, and use icons + emojis for quick visual scanning.

A floating modal or slide-up panel with task title, due date, time, project, labels, priority, and subtasks. Super fast to use.

Create saved filters (e.g. “P1 only” or “Work tasks due this week”) using keywords. Labels use colored pills.

Track your daily streak, completed tasks, and charts showing how consistent you’ve been. Uses simple bar graphs and color-coded labels.

Includes a grid of pre-built task templates like “Weekly Review,” “Meal Planning,” “Project Sprint” — with categories, filters, and search.

Each task supports threaded comments, file uploads (PDF, image), emoji reactions, and voice note placeholders.

Font: Geist

Accent color: #E44332 (soft red)

Background: light gray (#FAFAFA)

Cards: white with soft shadows and 12px radius

Layout:

Icons: Lucide or minimal outline set

Color tags: per project, per label, per priority

Spacing: clean, consistent, and fast to scan

Routing not working? Double-check react-router-dom usage and <Outlet /> in Layout.tsx

Emoji tags or icons not showing? Use UTF emojis or reference a known icon set (e.g. Heroicons, Lucide)

Calendar not rendering? Use Bolt’s bar/line chart block + stringified date mock data