A productivity dashboard UI built from scratch with vanilla HTML, CSS, and JavaScript. Designed as a personal deep work operating system — tracking focus time, habit streaks, and builder notes in one clean interface.
Built as a learning project to develop real frontend skills before moving to React.
-- Coming soon --
- Collapsible sidebar — expands on hover with smooth transition
- Daily Pulse hero card — shows focus hours with a resume action
- Active Streaks — habit tracker with colored progress bars
- Builder's Journal — timeline log of daily dev entries
- Clean, minimal UI — inspired by Linear and Apple design principles
- HTML5
- CSS3 (Flexbox, transitions, pseudo-elements)
- Vanilla JavaScript (coming soon)
- Google Fonts — Inter
deepwork-os/
├── index.html
├── style.css
├── dev-challenges.md # daily debugging log
└── README.md
- JavaScript interactivity (new entry modal, active states)
- Focus Mode page
- Builder's Journal page
- Local storage for persisting entries
- Migrate to React + Tailwind
- Backend with Node.js + Express
Built by Sujay — CS student working toward full-stack dev internships.