← Back to Portfolio
Deadline Bloom
Project planning and time tracking application
Web ApplicationProductivityReactTypeScriptPersonal
Overview
Deadline Bloom is a powerful project planning and time tracking application designed to help you manage projects, track time spent on tasks, and meet deadlines with confidence.
Key Features
Project Management
- Create & Organize Projects - Set up projects with descriptions, deadlines, and status tracking
- Task Management - Break down projects into manageable tasks with priorities and due dates
- Progress Tracking - Visual progress bars and status indicators for projects and tasks
- Status Management - Track projects as Active, Paused, Completed, or Overdue
Time Tracking
- Pomodoro Timer - Built-in focus timer with customizable work/break intervals
- Time Logging - Automatically track time spent on projects and tasks
- Session History - View all your focus sessions in the timeline
- Project Time Analytics - See total time invested in each project
Timeline & Planning
- Visual Timeline - See all your project milestones and deadlines at a glance
- Event Types - Track milestones, deadlines, meetings, reviews, and presentations
- Status Indicators - Quickly identify upcoming, overdue, and completed events
Analytics & Insights
- Dashboard Overview - See active projects, completion rates, and time statistics
- Weekly Time Tracking - Monitor your time investment week by week
- Project Statistics - View detailed metrics for each project
Data Management
- Local Storage - All data automatically saved to your browser
- Export/Import - Backup your data as JSON files
- Cloud Sync (Optional) - Sign in to sync data across devices with Firebase
Technology Stack
- React - UI framework
- TypeScript - Type safety and developer experience
- Vite - Fast build tool and dev server
- Tailwind CSS - Utility-first styling
- shadcn/ui - High-quality UI component library
- Firebase - Authentication and cloud sync (optional)
- Recharts - Data visualization charts
- React Router - Client-side navigation
Links
- Live Demo - Try it now on Netlify
- GitHub Repository - Source code
Development
# Clone and install
git clone https://github.com/HuringdaCat/deadline-bloom.git
cd deadline-bloom
npm install
# Start dev server
npm run dev
# Build for production
npm run build
Status: Active | Created: January 2026 | Hosted on: Netlify