This project is a complete React Todo App that connects to an external API to manage and store todos. Users can add, delete, update, and mark todos as completed. The app provides a smooth user experience, ensuring data persistence through API integration. It demonstrates practical usage of React components, hooks, and asynchronous API requests using modern JavaScript (ES6+).
- HTML5: Used for the structure and content of the webpage.
- CSS3: Employed for styling and layout, incorporating Flexbox and Grid for responsive design.
- Sass: Adopted for more efficient and organized CSS development.
- BEM (Block Element Modifier): Applied for a clear and consistent CSS architecture, promoting modular and reusable code.
- Webpack: Used for bundling the project’s assets and dependencies.
- React: Utilized for building user interfaces with a component-based architecture.
- TypeScript: Implemented to add static type checking, enhancing code quality and maintainability.
- Live Preview: React Todo App
- Working Example: Todo App with API