https://github.com/cesarherr/react_to_do_list
https://github.com/cesarherr/react_to_do_list
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cesarherr/react_to_do_list
- Owner: CesarHerr
- License: mit
- Created: 2023-07-06T01:48:18.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-07-17T04:50:45.000Z (over 2 years ago)
- Last Synced: 2025-01-02T02:14:52.128Z (about 1 year ago)
- Language: JavaScript
- Size: 280 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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-)
Simple Practice web app using react protected routes and local storage.
- HTML
- JS
- CSS
- Webpack
- React.js
Client
- HTML
- JS
- CSS
- React
Server
- Null
Database
- Null
- **ToDo Using React**
- **Use State Hook**
- **Uses Protected Routes**
> You can see the live demo of this project
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
```
π€ **CΓ©sar Herrera**
- GitHub: [@CesarHerr](https://github.com/CesarHerr)
- Twitter: [@Cesarherr2](https://twitter.com/Cesarherr2)
- LinkedIn: [CesarHerr](https://www.linkedin.com/in/cesarherr/)
- **Add Contact Functions and Styles π**
- **Add grab and drop functions to the todo list π**
You can watch the video description of the project [here](https://---).
Contributions, issues, and feature requests are welcome!
If you like this project, give it a βοΈ!
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. π
This project is [MIT](./LICENSE) licensed.