Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/drisskhattabi6/reactjs-to-do-list-app

This Repo contains a simple "To Do List" App, Using ReactJS
https://github.com/drisskhattabi6/reactjs-to-do-list-app

reactjs to-do-app to-do-app-with-react to-do-list

Last synced: 25 days ago
JSON representation

This Repo contains a simple "To Do List" App, Using ReactJS

Awesome Lists containing this project

README

        

# ReactJS To-Do List App

A simple To-Do List application built using ReactJS.

## Features

- Add tasks to the list
- Mark tasks as completed
- Delete tasks from the list

### Preview of the app
![](img.png)

## Getting Started

These instructions will help you set up the project on your local machine.

### Prerequisites

Ensure you have the following installed:

- **Node.js** (version 14.x or higher)
- **npm** (comes with Node.js) or **yarn** (alternative package manager)

### Installation

1. **Clone the repository:**

```bash
git clone https://github.com/drisskhattabi6/ReactJS-To-Do-List-App.git

2. **Navigate to the project directory:**

```bash
cd ReactJS-To-Do-List-App
```

3. **Install the dependencies:**

Using npm:

```bash
npm install
```

Or using yarn:

```bash
yarn install
```

### Running the App

1. **Start the development server:**

Using npm:

```bash
npm start
```

Or using yarn:

```bash
yarn start
```

2. **Open the application:**

Once the server is running, open your web browser and navigate to:

```
http://localhost:3000
```

The app should now be running on your local machine.

### Building the App for Production

To create a production build of the app, run:

Using npm:

```bash
npm run build
```

Or using yarn:

```bash
yarn build
```

This will create an optimized build of the application in the `build` directory.

### Contributing

Feel free to fork this project, submit issues, or make pull requests.