My Projects

Appearance

📝 ToDo ​

A professional, unified productivity suite combining a high-performance Task Manager, a specialized Pomodoro Timer, and real-time Focus Analytics.

Designed with a "Sharp UI" aesthetic and a high-contrast black-themed dark mode to eliminate distractions and maximize cognitive focus.

drbiobit tools preview

✨ Core Features ​

📝 Advanced Task Management ​

Stay organized with a system that handles the overhead for you.

  • Intelligent Recurrence: Auto-generates the next task instance upon completion (Daily, Weekly, Monthly).
  • Organization: Priority levels (High/Med/Low), custom color-coded categories, and tag support.
  • Smart Views: Real-time search and filtering by status (Active, Completed, Overdue).

⏱️ Professional Pomodoro Timer ​

A high-precision timer built for deep work sessions.

  • Focused Cycles: Integrated Work $\rightarrow$ Short Break $\rightarrow$ Long Break workflow.
  • Customizable: Click-to-edit durations for all session types to fit your personal flow.
  • Digital Aesthetic: High-contrast digital display with active-state pulse animations.

📈 Productivity Analytics ​

Data-driven insights into your work habits.

  • Focus Tracking: Precise calculation of total focused hours and minutes.
  • Efficiency Metrics: Real-time completion rates and session counts.
  • Activity Logs: Detailed task and focus history with Daily, Weekly, and Monthly views.

🛠 Tech Stack ​

Tech Architecture

The tool is built for speed and reliability using a modern decoupled architecture.

  • Framework: React 18
  • Styling: Tailwind CSS v3 (Custom Sharp UI implementation)
  • State Management: React Context API (Decoupled Providers)
  • Typography: Plus Jakarta Sans & Orbitron (for that digital look)
  • Persistence: Debounced Browser localStorage for instant save without lag.
  • Icons: Font Awesome 6

🚀 Quick Start ​

Get the environment up and running in seconds.

1. Installation ​

bash
npm install

2. Development ​

bash
npm run dev

3. Production Build ​

bash
npm run build
npx vite preview --port 8099 --host

📐 Design Philosophy ​

The "Sharp" Approach

Unlike modern "rounded" web design, drbiobit tools follows an architectural, brutalist aesthetic.

  • Zero Radius: No rounded corners. Every element is sharp and precise.
  • Deep Black: Pure black background (#000000) in dark mode to minimize ocular strain and maximize focus.
  • Performance: Implementation of debounced state persistence ensures a lag-free experience even with large task lists.