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
3000
and theexpress
backend on3010
with 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
../build
relative to the backends entrypoint (server/index.js
)