Duration: Weekend Project
This to do list is a fullstack full CRUD app. Users can send feedback about how they are doing today, in categories such as 'feeling', 'understanding', 'support', and they can choose to leave comments. The feedback will be stored in the database and displayed in an admin page.
Users can rate their day in this user friendly system.
There is also an Admin page where users can flag feedback for reviews and delete feedback.
- Node.js
- axios
- React
- Redux
- Postgresql
- MaterialUI
- Sweetalert
- Fork and clone.
- Type
npm init --yes
into the in-app terminal. - Once thats done type
npm install
in the IDE terminal. - You'll have to set up the database in postgresql. Make sure you name it 'prime_feedback'.
- Then set up the table by taking the commands in the database.sql file in the IDE and running them in postgresql.
- Start your server by typing
npm run server
in the IDE terminal. - Start your client by typing
npm run client
in the IDE terminal. - Everything is good to go now! Don't forget to shut down your server when you're done!
- Click the start button.
- Rate your feeling about your day, your understanding, your level of support, and add any comments you have. Click the back or next buttons.
- If you go back you can edit your response, but don't worry at the review page you can edit them all at once!
- Once you've reviewed your feedback hit the submit button, and you're done!
- Check out the Admin page by typing /admin in the url.
- Here you can see all the feedback stored in the database. You can choose to flag it for review, or review the feedback.
- You can also delete feedback if you need to, just hit the delete button and you'll be prompted to confirm it. (Don't want to accidentally delete it!)
- JavaScript
- React
- Redux
- Node.js
- Express
- PostgreSQL
- Sweetalert
- MaterialUI
- HTML/CSS
Thanks to Prime Digital Academy who equipped and helped me to make this application a reality. Special thanks to my instructor Matthew Black!
If you have suggestions or issues, please email me at kayla.mir32@gmail.com.