Skip to content

🚀To-Do List App is a user-friendly task management application created with React⭐. Easily add, complete, and remove tasks with a clean and responsive design, helping you stay organized effortlessly.

Notifications You must be signed in to change notification settings

AmanKumarSinhaGitHub/React-To-Do-List-App

Repository files navigation

React To-Do List App

A simple and responsive To-Do List app built with React.

Features

  • 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.

Getting Started

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

  1. Clone the repository:

    git clone https://github.com/amankumarsinhagithub/React-To-Do-List.git
  2. Navigate to the project directory:

    cd React-To-Do-List
  3. Install dependencies:

    npm install

Usage

  1. Run the app:

    npm run dev
  2. Open your browser and visit http://localhost:5173/React-To-Do-List-App/ to use the app.

Contributing

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:

  1. Fork the Repository: Click on the "Fork" button on the top right corner of this repository to create your copy.

  2. 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
  3. Create a Branch: Create a new branch for your feature or bug fix:

    git checkout -b feature-or-bugfix-name
  4. Make Changes: Make your changes to the code. Ensure that your changes follow the project's coding standards.

  5. Test Locally: Test your changes locally to ensure they work as expected.

  6. Commit Changes: Commit your changes with a descriptive commit message:

    git commit -m "Add feature or fix bug: brief description"
  7. Push Changes: Push your changes to your forked repository:

    git push origin feature-or-bugfix-name
  8. Create a Pull Request: Go to the original repository and create a pull request. Provide a clear title and description of your changes.

  9. Code Review: Your changes will be reviewed by the maintainers. Address any feedback and make further changes if necessary.

  10. Merge: Once your changes are approved, they will be merged into the main branch.

Contributors

Thank you for contributing to the React To-Do List App! 🚀

Acknowledgments

  • 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! 💖

About

🚀To-Do List App is a user-friendly task management application created with React⭐. Easily add, complete, and remove tasks with a clean and responsive design, helping you stay organized effortlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published