My first React project — a to-do list with multiple features, built with React + TypeScript.
The goal was to learn React fundamentals (components, props, hooks, state management) while building something practical.
- Create, edit, and delete tasks
- Filter tasks into 3 categories
- Mark tasks as completed
- Two modals (for editing & creating tasks)
- Toast notifications for quick feedback
- Persistent data using localStorage
- Smooth CSS animations & transitions
- React (with hooks)
- TypeScript
- CSS (animations & transitions)
- LocalStorage (data persistence)
- How React components, props, and hooks work in practice
- Basics of TypeScript for a real-world project
- Debugging and fixing issues in my own code
- That building from scratch is the fastest way to learn
Clone the repo and install dependencies:
git clone https://github.com/daniel-kadlec/ToDo-App.git
cd todo-app
npm install
npm run dev