• 

  Stop Watch

• 

  Timer

• 

  Habit tracker

• 

  Main Page

🌸 VioletVault — A Soft Aesthetic Time Management Dashboard

💡 Inspiration

In a world full of fast-paced productivity apps, I wanted to create something gentle — a calming, pastel-themed space that encourages consistent habit building and mindful time management. Inspired by planners, bullet journals, and calming visuals, VioletVault was born: a minimal yet effective hub for managing time beautifully.

⏰ What it does

VioletVault combines three core tools in one beautiful interface:

• 🌱 Habit Tracker: Track your progress daily with visual feedback and local memory.
  
• ⏱️ Stopwatch: Measure focused work sessions or sprints.
  
• ⏲️ Timer: Set countdowns for tasks or breaks using Pomodoro-style timing.
  

Each tool is accessible through a smooth dashboard with consistent theming, glowing buttons, and soft transitions.

🛠️ How I built it

The entire project is built with:

• HTML, CSS, JavaScript — no frameworks, to keep it lightweight and easily modifiable.
  
• LocalStorage — to save user progress without login.
  
• CSS animations & gradients — for a dreamy, aesthetic feel.
  
• Modular design — each tool is built as a separate page for clean structure.
  

Challenges I ran into

• Making tabs and localStorage interact cleanly across pages.
  
• 🌈 Designing a theme that’s aesthetic yet usable.
  
• Ensuring that user habits are preserved across sessions without a backend.
  
• Keeping it simple while still engaging enough to be used daily.
  

Accomplishments that I'm proud of

• Created a fully functional, visually pleasing dashboard.
  
• Built three mini-apps (Habit Tracker, Timer, Stopwatch) from scratch.
  
• Implemented dynamic calendar logic (with leap year handling!).
  
• Delivered an app that feels motivating rather than overwhelming.
  

What I learned

• Advanced CSS techniques for animation and layout.
  
• Handling user input and state with JavaScript and localStorage.
  
• UI/UX design principles for calm and focused experiences.
  
• Structuring modular web projects and making them scalable.
  

What's next for VioletVault

• Mobile responsive design for on-the-go tracking.
  
• Add notifications/reminders.
  
• Option to export habit progress as PDF or CSV.
  
• Focus Mode: start a timer and dim the screen for distraction-free work.
  

“Time is what we want most, but what we use worst.” — William Penn
With VioletVault, I make every minute meaningful — and beautiful.

Built With

• css
• html
• javascript