https://github.com/noud/example-react-todo-app
https://github.com/noud/example-react-todo-app
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/noud/example-react-todo-app
- Owner: noud
- Created: 2020-05-18T19:38:38.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2017-08-10T13:06:55.000Z (almost 9 years ago)
- Last Synced: 2025-03-25T17:40:10.385Z (about 1 year ago)
- Size: 62.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple React Todo app
This code is built through a tutorial session, you can find whole tutorial on the
[link](https://kolosek.com/building-simple-react-app-part-1)
1) Setup
2) Start
3) Usage
### Setup
Locate directory in which you cloned this project, install dependencies
```bash
npm install
```
### Start
Setup `json-server` and start
If you haven't installed `json-server` do the following
```bash
npm install -g json-server
```
Start `json-server` in separate terminal window (or tab, screen session, what ever you use)
```bash
json-server -p 9000 --watch db.json
```
Note: If you change port for server, you need to edit `utils/configConstants.js` to point to appropriate port
Start the app
```bash
npm start
```
### Test
To start unit tests just run
```bash
npm test
```
### Usage
Simple react application written as a tutorial material, you can create new todos,
mark todos as done, or activate again finished ones, and you can delete todos.
There is a filter which enables you filtering todos to see only finished, unfinished or all.