You are browsing as a guest. Sign up (or log in) to start making projects!

19m 12s logged

I built Task Planner - a personal productivity web application from scratch using DeepSeek AI as the sole developer.


How It Works

The app has three main pages:

  • Global Tasks - Create reusable task templates with custom durations, reminders, and emoji icons. These act as blueprints for your daily planning.
  • Today’s Planner - Schedule tasks from your templates. The app automatically assigns the earliest available time slot and prevents overlapping tasks. You can start tasks early, mark them complete, or they turn red if missed.
  • Focus Timer - A dedicated timer page with a visual countdown circle, elapsed/remaining time display, and finish/stop controls. Only visible when a task is running.

Technical Details

  • Built with Next.js 16, TypeScript, and Tailwind CSS v4
  • All data stored locally using IndexedDB (Dexie.js) - no backend needed
  • State management with Zustand, UI components from shadcn/ui
  • Browser notifications for task reminders and overdue alerts
  • Static export deployed to GitHub Pages

My Process

  1. Specified the complete requirements to DeepSeek AI
  2. AI generated the entire project structure, code, and configuration
  3. Fixed Tailwind CSS v4 compatibility issues
  4. Configured GitHub Pages deployment with proper base paths
  5. Added .nojekyll to serve underscore-prefixed folders
  6. Wrote documentation and README

The whole project took about 2 hours from idea to live deployment, with AI handling 100% of the code generation.


🔗 Live: arsen-gevorgyan.github.io/task-planner

2
13

Comments 0

No comments yet. Be the first!