Autodidactic - Study Timer

• 

  first page (dark mode)

• 

  light mode

• 

Inspiration

As a student managing self-paced learning, I struggled with staying focused and tracking my study sessions. Existing tools felt bloated or required logins. I wanted a clean, distraction-free timer.. so i built one.

What it does

Set custom study session timers Track hydration reminders Switch between light and dark modes

How I built it

Developed using HTML and CSS. Data is stored via Local Storage, ensuring persistence without a backend.

Challenges I ran into

Managing simultaneous timers and reminders cleanly Designing an intuitive, responsive UI without clutter Making it mobile-friendly for on-the-go use

Accomplishments that I'm proud of

Built a fully functional, aesthetic productivity tool solo Implemented hydration reminders alongside task tracking Deployed a stable, live version accessible on all devices

What I learned

Improved front-end design practices focused on UX simplicit

What's next for Autodidactic - Study Timer

Integrate music playback during study sessions Add productivity analytics and session stats

Built With

• css
• html
• vercel