Giter Site home page Giter Site logo

weekend-challenge-feedback's Introduction

Redux Feedback Loop

PLEASE COMMENT YOUR CODE. Do not clone this repository. Instead, download the zip, extract the contents, git init, git add ., git commit -m "initial commit - base project" and add your remote. Please do this before you leave for the day.

"And as always, what do I end every day with?" - Luke

For this assignment, you will be creating a feedback form modeled after Prime's system. Feedback will be collected over 4 views, and when all steps are complete, your app will save the feedback in the database. In a separate view, a user will be able to see all the collected feedback.

SETUP

Create your database and tables using the provided data.sql file. Start the server.

npm install
npm run server

Now that the server is running, open a new terminal tab with cmd + t and start the react client app.

npm run client

ADD NEW FEEDBACK

NOTE: As a baseline requirement, you must use Redux to store your data across views.

Create a multi-part form that allows users to leave feedback for today. There will be 4 views for the form parts. The parts:

  • How are you feeling today? feeling
  • How well are you understanding the content? understanding
  • How well are you being supported? support
  • Any comments you want to leave? comments

While there is no nav bar, each part of the form should be at its own route. Clicking next should move the user to the appropriate step in the process.

When the form is complete, save the submission in the database. The user should see a submission success page. understanding

DISPLAY FEEDBACK

Display all of the existing feedback at the route /admin. The most recently added feedback should appear at the top of the list. Allow the user to delete existing feedback. Prompt the user to confirm prior to deleting the feedback from the database.

display feedback

STRETCH GOALS

  • Update this README.md to describe the project in your own words
  • Improve the styling of the app using Material-UI theme, cards, snackbars, buttons, nav bar, and icons, and anything else you'd like.
  • Add the ability to flag an existing feedback entry for further review on the /admin view
  • Deploy your project to Heroku -- you'll need to read the special instructions for building and deploying with these apps!

NOTE: These stretch goals are intended to be completed in order.

Prerequisites:

  • Node.js
  • Postgresql
  • React.js
  • Redux

Installing

  • Download project
  • npm install
  • npm run server
  • in another terminal, npm run client

Authors

  • Prime Staff
  • Nate Gelle

weekend-challenge-feedback's People

Contributors

nate-gelle avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.