Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nitinsinghs273/todo_list


https://github.com/nitinsinghs273/todo_list

localstorage reactjs tailwindcss

Last synced: 14 days ago
JSON representation

Awesome Lists containing this project

README

        

# To-Do App

A modern To-Do application built with React and Redux. This app allows users to manage their tasks with features such as adding, editing, and marking tasks as complete. It is fully responsive, ensuring a smooth user experience on both desktop and mobile devices.

## Features

- **Add Tasks**: Create new tasks with a description.
- **Edit Tasks**: Update existing tasks and descriptions.
- **Complete Tasks**: Mark tasks as complete, with visual feedback.
- **Responsive Design**: Optimized for both desktop and mobile screens.
- **Search Functionality**: Quickly search for tasks (if implemented).

## Technologies Used

- **Frontend**: React.js, Redux
- **Styling**: CSS
- **Libraries**: `uuid` for unique IDs, `@fortawesome/react-fontawesome` for icons

## Prerequisites

Before you begin, ensure you have the following installed on your machine:

- [Node.js](https://nodejs.org/) (v14 or later)
- [npm](https://www.npmjs.com/) (comes with Node.js)

## Installation

To run this project locally, follow these steps:

1. **Clone the Repository**

```bash
git clone https://github.com/your-username/todo-app.git

2. **Navigate to the Project Directory**

```bash
cd Todo_List
```
Install Dependencies

3. **Ensure you are in the root directory of the project, then run:**

```bash
npm install
```

This command will install all the required dependencies listed in package.json.

4. **Start the Application**

```bash
npm start
```

This will start the development server. Open your browser and navigate to http://localhost:3000 to view the app.