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

https://github.com/cesarherr/react_to_do_list


https://github.com/cesarherr/react_to_do_list

Last synced: 5 months ago
JSON representation

Awesome Lists containing this project

README

          

React ToDo App

# πŸ“— Table of Contents

- [πŸ“— Table of Contents](#-table-of-contents)
- [πŸ“– React ToDo App](#react-todo-app)
- [πŸ›  Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [πŸš€ Live Demo ](#-live-demo-)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [πŸ‘₯ Author ](#-author-)
- [πŸ”­ Future Features ](#-future-features-)
- [Walkthrough ](#walkthrough-)
- [🀝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [πŸ“ License ](#-license-)

# πŸ“– React ToDo App

Simple Practice web app using react protected routes and local storage.

## πŸ›  Built With

### Tech Stack

- HTML
- JS
- CSS
- Webpack
- React.js

Client
- HTML

- JS

- CSS

- React

Server
- Null

Database
- Null

### Key Features

- **ToDo Using React**
- **Use State Hook**
- **Uses Protected Routes**

## πŸš€ Live Demo

> You can see the live demo of this project

(back to top)

## πŸ’» Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

- A web browser
- A code editor
- A terminal

### Setup

Clone this repository to your desired folder:

```sh
git clone https://github.com/CesarHerr/react_to_do_list.git
```

### Install

Install this project with:

```sh
cd react-todo-app
npm install
```

### Usage

To run the project on the webpack dev server, execute the following command:

```sh
npm start
```

### Run tests

To run tests, run the following command:

```sh
npm test
```

### Deployment

```sh
npm run deploy
```

(back to top)

## πŸ‘₯ Author

πŸ‘€ **CΓ©sar Herrera**

- GitHub: [@CesarHerr](https://github.com/CesarHerr)
- Twitter: [@Cesarherr2](https://twitter.com/Cesarherr2)
- LinkedIn: [CesarHerr](https://www.linkedin.com/in/cesarherr/)

## πŸ”­ Future Features

- **Add Contact Functions and Styles 😁**
- **Add grab and drop functions to the todo list πŸ‘Œ**

## Walkthrough

You can watch the video description of the project [here](https://---).

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

## ⭐️ Show your support

If you like this project, give it a ⭐️!

(back to top)

## πŸ™ Acknowledgments

We would like to thank Microverse for giving us the opportunity to learn and grow as developers and also we like to thank our families, they are all our support. 🌟

(back to top)

## πŸ“ License

This project is [MIT](./LICENSE) licensed.

(back to top)