A simple, elegant web application that helps you visualize how much time you have left in your day. The app features a circular visualization where a "sun" travels around the perimeter of a circle, representing the progression of time between your wake and sleep times.
- Visual time tracking with an intuitive circular design
- Customizable wake and sleep times
- Real-time updates
- Persistent settings (saved in localStorage)
- Clean, minimal interface
- Mobile and desktop responsive
- Clone the repository
- Install dependencies:
npm install- Start the development server:
npm run dev- When you first open the app, it will use default wake (7:00 AM) and sleep (11:00 PM) times
- Click the settings gear (⚙️) to adjust your wake and sleep times
- The circle shows your day's progress:
- The outer circle represents your entire day
- The moving dot represents the current time
- The time display shows both current time and time remaining until sleep
- Vue.js 3 with Composition API
- Vite for build tooling
- SVG for smooth graphics
- Modern CSS with flexbox and transitions
This application supports all modern browsers on both desktop and mobile devices.
This project is licensed under the MIT License - see the LICENSE file for details.