devnuckles / next-todo-app

This is a Todo App with Adding, Deleting and Completed Todo Feature Currently

Todo App

Overview

The Todo App is a simple yet powerful tool designed to help you manage your tasks efficiently. It allows you to add, view, and delete tasks, ensuring that you can stay organized and focused on your priorities. This application is built with React and leverages local storage to persist your tasks across sessions.

Features

• Add Tasks: Easily add new tasks to your list.
• View Tasks: See all your tasks in a clear and organized list.
• Delete Tasks: Remove tasks individually or delete all tasks at once.
• Persistent Storage: Tasks are saved in your browser's local storage, so they're always available when you need them.

Getting Started

To get started with the Todo App, follow these simple steps:

1. Clone the Repository: First, clone the repository to your local machine using the following command:

   git clone https://github.com/devnuckles/next-todo-app.git
   

2. Install Dependencies: Navigate to the project directory and install the necessary dependencies using npm or yarn:

   cd todo-app
   npm install
   

   or

   cd todo-app
   yarn install
   

3. Start the Development Server: Once the dependencies are installed, start the development server:

   npm start
   

   or

   yarn start
   

4. Open the App: The app will be available at http://localhost:3000 in your web browser.

Usage

• Adding a Task: To add a new task, enter the task title and description in the provided fields and click the "Add" button.
• Viewing Tasks: Your tasks will be displayed in a list below the form. You can view the details of each task by clicking on it.
• Deleting Tasks: To delete a single task, click the delete icon next to the task. To delete all tasks, click the "Delete All Todos" button.

Contributing

Contributions are welcome! If you'd like to contribute to the Todo App, please fork the repository, make your changes, and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or feedback about the Todo App, please feel free to reach out. You can contact the project maintainer at [email protected].

---

This README is designed to provide a clear and concise overview of the Todo App, including its features, how to get started, and how to contribute. It follows best practices for writing README files, ensuring that users and contributors can quickly understand the project and its capabilities.