A modern, fast, and scalable To-Do application built with React, TypeScript, Redux Toolkit, Vitest, React Testing Library, and CSS Modules, powered by pnpm.
- ✅ Task Management - Add, edit, complete, and delete tasks.
- 🧪 Unit + Component Testing - With Vitest and React Testing Library.
- 🎨 CSS Modules for Styling - Scoped styles for better maintainability.
- ⚡ Fast State Management with Redux Toolkit - Efficient updates with slices and reducers.
- 🔥 TypeScript Support - Type safety and enhanced developer experience.
- 📘 Storybook for Component Development – Build, document, and visually test UI components in isolation.
- 📦 Package Management with pnpm - Faster, more efficient dependency handling.
| Technology | Purpose |
|---|---|
| React | UI Framework |
| TypeScript | Strongly-typed JavaScript |
| Redux Toolkit | State Management |
| Vitest | Unit + Component Testing Framework |
| React Testing Library | DOM-focused Testing Utilities |
| Storybook | Component Development & Documentation |
| CSS Modules | Scoped Styles |
| pnpm | Package Management |
Ensure you have Node.js (>=16) and pnpm (>=8) installed.
git clone https://github.com/your-username/todo-app.git
cd todo-app pnpm install pnpm devThis will start a development server at http://localhost:5173 (or another available port).
📦 src
┣ 📂 app
┣ 📂 components
┣ 📂 features
┣ 📂 hooks
┣ 📂 pages
┣ 📂 styles
┣ 📂 utils
┣ 📜 main.tsx
To build and deploy the app:
pnpm buildThen deploy the contents of dist/ to your preferred hosting provider.
To run unit/component tests:
pnpm test
## 📜 License
This project is licensed under the MIT License.
---
💡 _Contributions are welcome! Feel free to fork and submit PRs._