Like every student, I’ve had this problem:
📚 I revise something once, and then… I forget when I last studied it.
And boom — exam time hits, and I panic. 😵💫
So I built Revizio — a minimalist, personal revision tracker that helps me:
- Track what subjects I’ve studied
- Know when I last revised them
- Keep my study routine honest!
This is my first real frontend project, and I wanted to make it as clean, minimal, and useful as possible.
🔧 Tech Stack
- HTML: The basic structure
- CSS: My favorite part! Fully custom UI with animations, colors, layout tricks.
- JavaScript: For functionality — add/delete/edit, time calculations, and storage.
- Data Storage: localStorage
- No frameworks (yet) — I wanted to challenge myself with pure code.
🚀 Features of Revizio :
- User Registration & Login: Secure user authentication using localStorage.
- Guest Mode: Try the app instantly without signing up via a "Use Demo" option.
- Add Topics: Users can log topics they studied and track them.
- Spaced Repetition Logic: Automatically sets revision dates for Day 1, Day 7, and Day 21.
- Track Revision Progress: Mark each revision as done; badges visually reflect progress.
- Edit & Delete Topics: Rename or remove topics with ease.
- Today's Revisions Panel: See only the topics you need to revise today.
- Streak Counter: Tracks daily revision streaks to encourage consistency.
- Progress Chart: A Chart.js bar graph displays your revision history visually.
- Responsive UI (In Progress): Currently desktop-first; mobile responsiveness coming soon.
- Modern Glassmorphism Design: Sleek, clean UI built with HTML, CSS, and JavaScript (no frameworks).
- Quick Actions & Motivation: Sidebar includes handy shortcuts and random motivational quotes.
🚀 What’s Next?
- Make the app mobile-first and responsive
- Add toggle button
🔗 Check it Out!
Live Demo: [https://duttadebapriya.github.io/revizio/]
GitHub Repo: [https://github.com/duttadebapriya/revizio]
💬 I’d love feedback! Comment below or reach out. I’m still learning.
showdev #beginners #css #javascript #productivity #html
Top comments (0)