A simple and elegant Todo App built with React and Material UI, designed for practice and learning purposes.
This project demonstrates the use of React hooks (useState, useEffect), API integration, and component-based architecture.
Note: This is a practice project. Todos are fetched from a public API (
https://dummyjson.com/todos) and do not support adding or removing tasks manually. It is built to showcase React functionality, clean UI design, and API handling.
- Fetches a list of todos from a public API
- Displays todos using Material UI Cards
- View detailed information of each todo in a Material UI Dialog
- Shows loading skeletons while fetching data
- Clean and responsive layout using CSS Grid
- React (Functional Components + Hooks)
- Material UI (Cards, Buttons, Dialogs, Skeletons)
- CSS Modules for scoped styling
- Fetch API for asynchronous data handling
Check it out: Live Demo