https://github.com/hyper63/hyper-todo-list-demo
A demo using hyper to create a persistent todo list
https://github.com/hyper63/hyper-todo-list-demo
Last synced: about 1 month ago
JSON representation
A demo using hyper to create a persistent todo list
- Host: GitHub
- URL: https://github.com/hyper63/hyper-todo-list-demo
- Owner: hyper63
- Created: 2022-02-01T13:55:59.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-26T15:04:22.000Z (over 3 years ago)
- Last Synced: 2025-03-02T18:32:23.627Z (over 1 year ago)
- Language: JavaScript
- Size: 579 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# hyper-todo-list-demo
A demo using hyper to create a persistent todo list
### User Stories
[X] - It allows the user to add a new task
[X] - It allows the user to delete a task
[X] - It allows the user to edit a task
[X] - It allows the user to view all current tasks
[X] - Data persists when the user closes and reopens application
### Enhancements (Stretch Goals)
[X] - Use a design system to improve the styling
[ ] - Add additional features that the user may like or that make the application appealing
### Getting Started
You can run the todo list app by using the following steps:
- In your terminal, type the following:
- npm start
- This will start the React Application on port `3000` and the `express` backend on `3010` with hot reloading
### Build
To build the app for production, run `npm run build`. This will build the React application into `/build`. The express backend is configured to serve that static output.
> In a containerized environment, make sure the build output of CRA is copied to `../build` relative to the backends entrypoint (`server/index.js`)