A demo using hyper to create a persistent todo list
[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
[X] - Use a design system to improve the styling
[ ] - Add additional features that the user may like or that make the application appealing
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
3000and theexpressbackend on3010with hot reloading
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
../buildrelative to the backends entrypoint (server/index.js)