Duration: 3 Week Sprint
A simple app for managing a to-do list. Uses icon symbols with hovertext for a clean, uncluttered interface.
Basic functionality:
- Add tasks
- Mark tasks complete/incomplete
- Remove tasks
Extra functionality:
- Select all/none
- Mark tasks complete/incomplete in batch
- Remove tasks in batch
Link to software that is required to install the app (e.g. node).
- Create a database named
weekend-to-do-app
. - Use the queries in
database.sql
to initialize thetodos
table in the database. - Open up your editor of choice and run an
npm install
- Run
npm run server
in your terminal - Run
npm run client
in your terminal - The
npm run client
command will open up a new browser tab for you!
How does someone use this application? Tell a user story here.
- To start from scratch, click the "Select All" icon, followed by the "Remove" icon. (See icon key at the bottom, or hover over icons to see what they do.)
- Add new tasks with the text input field at the top right hand of the page.
- Check off individual tasks by hovering over them and clicking the "Mark Complete" icon.
- You can also reset a task back to incomplete using the "Mark Incomplete" icon.
- To permanently remove a task from the list, click the "Remove" icon next to it.
- Steps 3-5. can be done in batch using the checkboxes and the icons at the top.
Thanks to Prime Digital Academy who equipped and helped me to make this application a reality.