Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/maccrazyman/to-do-react

Last synced: 15 days ago
JSON representation

Host: GitHub
URL: https://github.com/maccrazyman/to-do-react
Owner: MacCrazyman
Created: 2022-01-10T17:22:09.000Z (about 3 years ago)
Default Branch: develop
Last Pushed: 2022-01-14T17:59:07.000Z (about 3 years ago)
Last Synced: 2023-03-11T17:37:13.444Z (almost 2 years ago)
Language: JavaScript
Size: 2.91 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![](https://img.shields.io/badge/Microverse-blueviolet)

# TO-DO List

> Another TO-DO app, this time using react components.

![screenshot](src/img/screenshot.png)

This app is created using React to display a Single Page Application which contains a to-do App.

## Built With

- HTML, CSS, JavaScript
- React

## Live Demo

[Live Demo Link](https://maccrazyman.github.io/to-do-react/)

## Getting Started

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

### Prerequisites
* A functional computer with VS Code or any functional coding software.
* Git bash or any version control software.

### Setup
* Copy the repo link and clone it in your local machine
* You can execute the following command in your git bash:
````
git clone https://github.com/MacCrazyman/to-do-react.git
````

### Install
* In your consle, run the following command to install the required dependencies:
````
npm install
````

### Usage
* You can build the files using React scripts to generate a `/build` folder with distribution files:
````
npm run build
````
* Run React server to see the webpage working:
````
npm start
````
* You can also open the [GitHub pages deployment](https://maccrazyman.github.io/to-do-react/) to see a live version of the webpage.

## Authors

👤 **Leonardo Pareja**

- GitHub: [@MacCrazyman](https://github.com/MacCrazyman)
- Twitter: [@MacCrazyman](https://twitter.com/MacCrazyman)
- LinkedIn: [Leonardo Pareja](https://www.linkedin.com/in/leonardo-pareja-pareja/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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