itsnooshin/todo-list-react

📃A to-do list app allows users to effortlessly add, complete, and delete tasks.It also offers versatile filtering options for managing tasks effectively.

React To do App

Live | Solution | Challenge

Solution for a challenge from frontendmentor.io.

About This project

The Todo App Challenge is an interactive web application designed to help users manage their tasks efficiently. This project focuses on replicating a given design while implementing key features and functionalities. The challenge encourages me to practice and demonstrate my frontend development skills.

Functionality

• Add new todos to the list
• Mark todos as complete
• Delete todos from the list
• Filter by all/active/complete todos
• Clear all completed todos
• Toggle light and dark mode
• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page

Built With

• HTML
• CSS / SCSS styles
• React - Front-end JavaScript library
• React-sonner-libraray for show Notifaction

Usage

Install dependencies

npm install

Run React dev server

npm start

Build for production

npm run build

License

This project is open source and available under the MIT License