This is a simple Todo List application built using React. The application allows users to create, manage, and track their tasks in an organized manner. It's a great way to dive into the world of React and understand the fundamental concepts of building dynamic user interfaces.The purpose of developing this application is to learn React.
Online Demo: Todo List
- Add Tasks: Easily add new tasks to the list by typing and submitting.
- Mark as Completed: Check off tasks that you've completed to keep track of your progress.
- Delete Tasks: Remove tasks from the list that are no longer needed.
- Filtering: Filter tasks based on their completion status to focus on what's important.
- Data Persistence: Task data is saved in the browser's localStorage. Unless you delete it, the next time you access this app, your data will still be there.
- Dark Mode: Seamlessly switches to a dark color scheme to match the system's appearance.
Follow these instructions to get the Todo List app up and running on your local machine.
- Clone the Repository: Start by cloning this repository to your local machine using the following command:
git clone https://github.com/gaomingyang/todo-list-react.git
2.Navigate to the Project Directory: Move into the project directory that you just cloned:
cd todo-list-react
3.Install Dependencies: Use your package manager (npm or yarn) to install the necessary dependencies:
npm install
# or
yarn install
4.Start the Development Server: Run the following command to start the development server and launch the app in your default web browser:
npm start
# or
yarn start
5.Explore and Learn: With the app running, explore the codebase, make changes, and see how the application responds. Don't hesitate to experiment and learn by modifying different components and functionalities.
- React
- JSX
- CSS
If you'd like to contribute to this project, feel free to submit pull requests or open issues. We welcome contributions from the community.
This project is licensed under the MIT License.