Essential-Workspace

A minimalist workspace with essential productivity tools.

Comment
  1. Core Architecture Framework: React 19. Styling: Tailwind CSS. Data Persistence: Uses localStorage to save Notes and Tasks, making it a purely client-side application.
  2. Design Philosophy Aesthetic: "Ubuntu" typography, high-contrast monochrome color palette, and a flat design language with framer motion. Theme: Fully supported Light and Dark modes that switch dynamically based on system preference or user toggle. UX: It feels like a Single Page Application (SPA) where "Apps" open inside a window container (AppWindow.tsx) with slide-up animations, keeping the user in one context.
  3. Included Applications (Modules) The workspace contains 8 functional menu: Notes: A split-view editor with search functionality. It persists data to local storage. Tasks: A todo list with animations for adding/deleting items. Persists to local storage. Files: A mock file explorer with breadcrumb navigation, grid/list views, and folder traversal logic. Calendar: A custom-built calendar (no external library) with month navigation and an events view. Developer: A dashboard for engineering tasks containing. Focus: A Pomodoro-style timer with a custom SVG circular progress ring. Calculator: A fully functional standard calculator. Settings: Controls for the UI theme, notifications, and a "Factory Reset" option to clear local data.
Share this project:

Updates