Redux-Feedback-Loop

Description

Duration: 2 Days

In this project I aimed to create a web app to compile student feedback regarding daily lessons.

In order to accomplish this goal I built a React single page app. I used a hash router to switch between page views and styled the app with Material UI. For each page I allowed users to continue to the next page only after feedback was given by conditionally rendering the link to the next page. I conditionally rendered the nav bar links so that users could only navigate to pages in which they had already entered feedback. After submitting their feedback I prompted users with a sweetalert allowing them to submit more feedback. In addition I made POST call and inserted the feedback into the database.

Screen Shot

Prerequisites

• Node.js

Installation

1. Create a database named prime_feedback,
2. The queries in the database.sql file are set up to create all the necessary tables and populate the needed data to allow the application to run correctly. The project is built on Postgres, so you will need to make sure to have that installed. We recommend using Postico to run those queries as that was used to create the queries,
3. Open up your editor of choice and run an npm install
4. Run npm run server in your terminal
5. Run npm run client in your terminal
6. The npm run client command will open up a new browser tab for you!

Usage

How does someone use this application? Tell a user story here.

1. Add required feedback
2. Add comments if desired
3. Review and edit feedback
4. Submit to database

Built With

• React
• Material UI
• Bootstrap
• PostreSQL
• Express
• Axios
• Sweetalert

Acknowledgement

Thanks to Prime Digital Academy who equipped and helped me to make this application a reality. Thank you to my wife [Jaclyn Gabrielson] (https://www.linkedin.com/in/jmerriamcpa) for her input on styling and the user experience.

Support

If you have suggestions or issues, please email me at lucas.c.gabrielson@gmail.com