https://github.com/libercosoft/react-todo
A to-do app created with reactJS
https://github.com/libercosoft/react-todo
Last synced: over 1 year ago
JSON representation
A to-do app created with reactJS
- Host: GitHub
- URL: https://github.com/libercosoft/react-todo
- Owner: LIBERCOSOFT
- License: mit
- Created: 2022-10-31T13:04:50.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2022-11-03T08:45:33.000Z (over 3 years ago)
- Last Synced: 2025-01-18T14:49:40.717Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 2.86 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Todo List
> A Single Page App (SPA) that allows users add, delete, submit and edit items.
To edit items, simply double click on it.
Once you are done, press the enter key to resubmit.
This app will persist your data in the browser local storage.
So whether you reload, close your app or reopened it,
you still have access to your to-dos items.
## Built With
- Major Languages: JavaScript.
- Libraries: React,
- Technologies used:
``` bash
- create-react-app tool
- Git version control
- ESLint code linting
- StyleLint code linting
- Prettier code formatting
- Babel transpiling
- Webpack bundling
```
## Live Demo
## Getting Started
To get a local copy up and running, follow the steps in Setup below.
### Prerequisites
Basic knowledge of HTML, CSS, JavaScript, and React.
### Setup
If you installed git you can clone the code to your machine, or download a ZIP of all the files directly.
[Download the ZIP from this location](https://github.com/LIBERCOSOFT/react-todo/archive/refs/heads/development.zip), or run the following [git](https://git-scm.com/downloads) command to clone the files to your machine:
```bash
git clone https://github.com/LIBERCOSOFT/react-todo.git - for HTTP
git clone git@github.com:LIBERCOSOFT/react-todo.git - for SSH
```
- Once the files are on your machine, open the _react-todo_ folder in your preferred code editor e.g VS Code, Atom, etc. , and follow the steps in Installation & Set Up
## 🛠 Installation & Set Up
1. Install Node Modules
```sh
npm install
```
2. Start the development server
```sh
npm start
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## 🚀 Building and Running for Production
1. Generate a full static production build
```sh
npm run build
```
## 🚀 Testing Application
```sh
npm test
### Install
The following tools help make easier to work with sample code.
- [git](https://git-scm.com/downloads): A tool for managing source code
- [Visual Studio Code](https://code.visualstudio.com/): A source code editor
- [NVM](https://github.com/nvm-sh/nvm): A node package manager
## Author
👤 **Kolapo Precious Akinrinlola**
- GitHub: [@LIBERCOSOFT](https://github.com/LIBERCOSOFT)
- Twitter: [@Gerfieldt](https://twitter.com/Gerfieldt)
- LinkedIn: [Kolapo Akinrinlola](https://linkedin.com/in/kolapo-akinrinlola-072097110)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/LIBERCOSOFT/maths-magicians/issues).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.