A small and simple React Todo application — built for fun and to play around with modern tools in the React ecosystem. This project is a demo and not intended for production use.
This project uses the following tools and libraries:
- ⚛️ React + TypeScript – bootstrapped with create-tsrouter-app by TanStack
- 🧭 TanStack Router – for routing
- 🧠 Zustand – for state management
- 🎨 TailwindCSS – for utility-first styling
- 🧩 shadcn/ui – for accessible, styled components
- 🧾 React Hook Form – for form handling
- 🧬 Zod – for schema validation
To run the project locally:
-
Clone the repository
-
Install dependencies
pnpm install
-
Start the development server
pnpm dev
-
➕ Add new todos with:
- Title
- Description
- Deadline (no past dates allowed)
- Priority (Low, Medium, High)
-
🔍 Search todos by title on the homepage
The following features are planned and will be added in future updates:
- ✏️ Edit existing todos
- 🗑️ Delete todos
- ✅ Mark todos as completed
- 🎯 Filter todos by status:
- Completed
- Pending
Made with ❤️ to learn and experiment.