I Built My Own Revision Tracker: Meet Revizio (My Personal Study Tool)

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