zolodix

After many hours of hardwork (and a lot of frustration) I finally finished my first project a gamified life dashboard built with just HTML, CSS and vanilla JavaScript.

The idea started simple. I just wanted one page where I could track my tasks, habits and notes without switching between 5 different apps. But then I thought, why not make it feel like a game too. So that’s what I did.

Here’s what ended up in it, a quest log for daily tasks with priority tags, a habits section that tracks your daily streaks, a journal for quick notes, a warp portals panel for saving useful links, a focus timer (25 min pomodoro style), a weekly review that shows your last 7 days, goal tracking with milestones, and a player stats card that updates live.

The best part was building the XP and level system. Every time you complete a task or habit you get XP, and when you level up a full screen animation plays with confetti everywhere. That part alone took way too long but it was worth it.

The UI went through so many versions. I kept changing colors, card styles and layout until it finally felt clean and game-style dark instead of just dark and ugly.

Streak logic and saving everything properly in localStorage also broke multiple times before I got it stable. No frameworks, no server, no install. Just open index.html and it works. Pretty happy with how it came out for a first project honestly.