A React & TypeScript project built using Redux Toolkit to manage a simple Todo application. The app demonstrates clean code practices, structured state management, and a focus on reusable components.
- Add, Update, Delete Todos: Manage your tasks with a responsive and dynamic UI.
- Filter Todos: View all, active, or completed tasks.
- Mark All as Completed: Easily toggle the completion status of all tasks.
- Persistent State: Integrated server-side operations for task creation, updates, and deletion.
- Error Handling: Notifications for server errors during CRUD operations.
- Keyboard Shortcuts: Quick interactions using
Enterto save orEscapeto cancel editing.
- React: Component-based UI design.
- TypeScript: Type-safe codebase for better maintainability.
- Redux Toolkit: Simplified state management.
- SCSS Modules: Modular and themeable styling.
- CSSTransitionGroup: Smooth animations for adding/removing todos.
The project adheres to modern coding standards, ensuring:
- Clean and consistent code structure.
- Reusable components with isolated logic.
- Readable and maintainable architecture.