Todo List App
Intro to Software Engineering — Coding Camp by RevoU
Built as the capstone assignment for RevoU's Intro to Software Engineering Coding Camp, this project pushed me to apply core frontend fundamentals under a real deadline. The app supports full task management with persistent storage, dark mode, and a responsive layout — all without any framework, just vanilla HTML, CSS, and JavaScript.
Create new tasks with a single input and remove them individually with a delete button.
Toggle any task between active and completed state with a checkbox.
Switch between All, Active, and Completed views to focus on what matters.
Tasks survive page reloads — data is saved to localStorage automatically.
Works cleanly on mobile, tablet, and desktop without a separate mobile layout.
Toggle between light and dark theme, with preference saved across sessions.
Managing state manually without a framework — keeping the UI in sync with localStorage required careful DOM manipulation.
Implementing dark mode with Tailwind's class-based approach and persisting the user's theme preference.
Structuring vanilla JavaScript cleanly without it becoming spaghetti code as features grew.
Deepened understanding of the DOM and event-driven programming without relying on abstractions.
Learned how localStorage works and when (and when not) to use it for state persistence.
Appreciated why frameworks like React exist after building reactive UI entirely by hand.