A minimalist, framework-free To-Do application built to prove that sometimes, you just don't need React.

The Motivation: Back to Basics

In a world where we often reach for heavy frameworks for the simplest tasks, I wanted to challenge myself to build a fully functional CRUD application using only Vanilla JavaScript, HTML, and CSS.

The goal was to achieve maximum functionality with minimum overhead—keeping the core logic under ~100 lines of code. It’s a reminder that understanding the DOM and browser APIs is the foundation of being a great Frontend Engineer.

Key Features

• Full CRUD Operations: Create, read, update, and delete tasks with instant UI feedback.
• Zero Dependencies: No React, no Vue, no jQuery. Just pure, unadulterated JavaScript.
• Persistent Storage: Utilizes localStorage so your tasks survive page refreshes and browser restarts.
• Data Portability: Includes built-in Import/Export functionality to move your data as a JSON file—a feature often missing even in "premium" apps.
• Ultra-Lightweight: Extremely fast load times and minimal memory footprint.

Technical Highlights

• DOM Manipulation: Direct use of the Web API to handle events and update the UI efficiently.
• State Management: A simple but effective local state sync that mirrors the localStorage data.
• Functional Logic: Focused on clean, readable code that handles complex tasks like data parsing and state toggling in a concise manner.