A simple and responsive To-Do List app built with React.
-
Add tasks: Easily input and save new tasks you want to remember or complete.
-
Mark tasks as completed: Indicate when a task is finished to keep track of your progress.
-
Edit a task: Edit tasks from your to-do list
-
Delete tasks: Remove tasks from your to-do list if you no longer need them.
-
Reorder tasks: Change the order of tasks by moving them up or down for better organization.
-
Persistent Storage: Your to-do list is automatically saved to local storage. This means your tasks will stay even if you refresh the page or reopen the app.
Check out the live demo of the app here.
Make sure you have Node.js installed on your machine.
-
Clone the repository:
git clone https://github.com/amankumarsinhagithub/React-To-Do-List.git
-
Navigate to the project directory:
cd React-To-Do-List
-
Install dependencies:
npm install
-
Run the app:
npm run dev
-
Open your browser and visit http://localhost:5173/React-To-Do-List-App/ to use the app.
We welcome contributions from the community! If you'd like to contribute to the development of the React To-Do List App, please follow these steps:
-
Fork the Repository: Click on the "Fork" button on the top right corner of this repository to create your copy.
-
Clone your Fork: Clone your forked repository to your local machine using the following command:
git clone https://github.com/your-username/React-To-Do-List.git
-
Create a Branch: Create a new branch for your feature or bug fix:
git checkout -b feature-or-bugfix-name
-
Make Changes: Make your changes to the code. Ensure that your changes follow the project's coding standards.
-
Test Locally: Test your changes locally to ensure they work as expected.
-
Commit Changes: Commit your changes with a descriptive commit message:
git commit -m "Add feature or fix bug: brief description"
-
Push Changes: Push your changes to your forked repository:
git push origin feature-or-bugfix-name
-
Create a Pull Request: Go to the original repository and create a pull request. Provide a clear title and description of your changes.
-
Code Review: Your changes will be reviewed by the maintainers. Address any feedback and make further changes if necessary.
-
Merge: Once your changes are approved, they will be merged into the main branch.
Thank you for contributing to the React To-Do List App! 🚀
- React - A JavaScript library for building user interfaces.
- Material-UI - React components for faster and easier web development.
Thanks for using our To-Do List App! 💖