Skip to content

Feedback form using React and Redux. (week 11 full-stack weekend assignment for Prime Academy)

Notifications You must be signed in to change notification settings

nicepersonality/weekend-redux-feedback-loop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Redux Feedback Loop

This app collects student feedback and saves it into a database for later review by an administrator.

Built With

​ The client is built in React and Redux, and uses Axios to communicate with the server. The server is built in Node and Express, and communicates with a Postgres database using pg. ​

Getting Started

​ These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ​

Prerequisites

Installing

  1. Download this project.
  2. Bring in the dependencies with npm install.
  3. Create a Postgres database (and make it available on localhost:5432) named prime_feedback.
  4. Run the queries in data.sql to create and populate the feedback table.
  5. Start the server with npm run server.
  6. Start the client with npm run client.

Documentation

Completed Features

  • A multi-part form allows users to leave feedback for today.

  • There are 4 views for the form parts:

  • How are you feeling today?

  • How well are you understanding the content?

  • How well are you being supported?

  • Any comments you want to leave?

  • Redux stores feedback data across views.

  • Each part of the form is in its own route.

  • Clicking next moves the user to the appropriate step​.

  • Each step only allows the user to advance to the next step if a score was provided.

  • The final step of the process allows the user to review their feedback before submitting.

  • A submit button sends the completed feedback to the database and redirects to a success page.

  • The user can take a new survey from the success page.

  • The user can go back to an earlier step and change their score.

  • Displays all of the existing feedback at the route /admin. The most recently added feedback appears at the top of the list.

  • Update this README.md to describe the project.

Next Steps

  • Allow the admin to delete existing feedback. Prompt the user to confirm prior to deleting the feedback from the database.
  • Improve the styling of the app using Material-UI.
  • Add the ability to flag an existing feedback entry for further review on the /admin view.
  • Deploy the project to Heroku.

​## Authors

  • Lilith Štefánia Bentley
  • Prime Academy Instructors ​

About

Feedback form using React and Redux. (week 11 full-stack weekend assignment for Prime Academy)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published