https://github.com/pawk/todo-app
React-based todo app
https://github.com/pawk/todo-app
react todoapp todoapp-react
Last synced: about 2 months ago
JSON representation
React-based todo app
- Host: GitHub
- URL: https://github.com/pawk/todo-app
- Owner: pawk
- Created: 2018-06-11T07:14:04.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2021-08-31T13:03:18.000Z (over 4 years ago)
- Last Synced: 2025-04-03T16:43:51.506Z (about 1 year ago)
- Topics: react, todoapp, todoapp-react
- Language: JavaScript
- Homepage: https://pawel-gawel.github.io/todo-app
- Size: 482 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
### Run
```
npm start
```
### Production build
```
npm run build
```
### Deploy to GitHub pages
```
npm run deploy
```
Project is currently available under [https://pawk.github.io/todo-app/](https://pawk.github.io/todo-app/)
## Technology stack
Application is scaffolded with `create-react-app`.
Minimal dependencies (no css preprocessor, no styled components library etc).
## Features
- All items are currently sorted by `done` attribute as well as in order of entry,
- One can perform CRUD operations on all items,
- Items are being stored in browser's `localStorage`,
- If there are no items found in `localStorage`, list will be prepopulated with items passed as children of `TodoList` component - `TodoItem`s elements,
- Inline edition,
- Filter items by Done, Pending and custom string (interestingly, had to add custom stable sort function, as Chrome is messing things up with bigger sets),
- manual reordering of items, also within the filtered subsets
## Interesting quirks
- a lot of functional approach,
- es6/7 all over the place,
- React's Compound Pattern for building the list,
- a little bit of RWD so it can be conveniently used on handheld devices,
- nextcss,
- BEM for css naming convention,
- bash deployment script,
- and more