0cyprus2010

Date: 14/2/2026
Progress: Step 1 Complete

What I Built:

Basic task system where users can add tasks.

Tasks appear in a list and can be clicked to mark as complete.

Each completed task grants 10 XP.

Level system implemented: every 100 XP increases the user’s level.

XP and Level displayed clearly on screen.

XP bar added to visualize progress toward next level.

How It Works:

Users type a task into the input field.

Clicking “Add Task” creates a task card in the list.

Clicking a task marks it complete:

XP increases.

Level updates if XP threshold is reached.

Task disappears from the list.

XP bar fills smoothly as XP increases.

What It Looks Like:

Dark mode interface with bright highlights for XP and level.

Input field and button at the top.

Task cards appear below in a clean vertical list.

XP and Level section visible at the bottom with a horizontal progress bar.

Next Steps:

Step 2: Implement persistent storage so XP, level, and tasks remain after page reload.

Reflections / Notes:

Step 1 took around 1 hour to implement and test.

The core system feels solid and responsive.

Visual polish and animations are minimal for now but will be improved in future steps.