-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 48f2d1c
Showing
29 changed files
with
33,178 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
# See https://help.github.com/ignore-files/ for more about ignoring files. | ||
|
||
# dependencies | ||
/node_modules | ||
|
||
# testing | ||
/coverage | ||
|
||
# production | ||
/build | ||
|
||
# misc | ||
.DS_Store | ||
.env.local | ||
.env.development.local | ||
.env.test.local | ||
.env.production.local | ||
|
||
npm-debug.log* | ||
yarn-debug.log* | ||
yarn-error.log* | ||
|
||
.eslintcache |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
# Redux Feedback Loop | ||
|
||
For this assignment, you will be creating a reflection/feedback form modeled after Prime's system. Feedback will be collected over 4 views. In a separate review page, display the current feedback values and a submit button. and when all steps are complete, your app will save the feedback in the database. | ||
|
||
### 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](wireframes/feeling.png) | ||
- How well are you understanding the content? | ||
![understanding](wireframes/understanding.png) | ||
- How well are you being supported? | ||
![support](wireframes/supported.png) | ||
- Any comments you want to leave? | ||
![comments](wireframes/comments.png) | ||
|
||
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. | ||
|
||
### Input Validation | ||
|
||
Each step should only allow the user to advance to the next step if a score was provided. Be sure to tell the user in some way that a value must be provided. | ||
|
||
The `Comments` step does not need to be validated, an empty value is okay. | ||
|
||
## THE REVIEW COMPONENT | ||
|
||
The last step of the process will allow the user to review their feedback. Users are not able to change their input on this step or go back for Base Mode. | ||
|
||
![comments](wireframes/review-active.png) | ||
|
||
## SUBMIT THE FEEDBACK | ||
|
||
The `Review` step needs to have a submit button which will be clicked on to actually submit the completed feedback to the server. | ||
|
||
When the submit button is clicked, save the submission in the database. The user should see a submission success page. They can then click the button to take a new survey, which needs to reset all the data and go back to the first step. | ||
|
||
![understanding](wireframes/page-five.png) | ||
|
||
|
||
## STRETCH GOALS | ||
|
||
> NOTE: These stretch goals are intended to be completed in order. | ||
### UPDATE SCORES | ||
|
||
Allow the user to go back to a previous step and change their score. You still need to disallow empty values! | ||
|
||
### STYLING | ||
Improve the styling of the app using Material-UI. This might include cards, snackbars, buttons, a nav bar, icons, and/or a theme. | ||
|
||
### ADMIN SECTION | ||
|
||
- 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](wireframes/admin.png) | ||
|
||
- Add the ability to flag an existing feedback entry for further review on the /admin view. | ||
|
||
### DEPLOY | ||
Deploy your project to Heroku. You'll need to read the special instructions for building and deploying with React. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
# Project Name | ||
|
||
[Project Instructions](./INSTRUCTIONS.md), this line may be removed once you have updated the README.md | ||
|
||
## Description | ||
|
||
Your project description goes here. What problem did you solve? How did you solve it? | ||
|
||
Additional README details can be found [here](https://github.com/PrimeAcademy/readme-template/blob/master/README.md). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
-- Database should be prime_feedback | ||
|
||
-- Switch to "prime_feedback" before making: | ||
-- Table to store the feedback | ||
CREATE TABLE "feedback" ( | ||
"id" serial primary key, | ||
"feeling" INT not null, | ||
"understanding" INT not null, | ||
"support" INT not null, | ||
"comments" text, | ||
"flagged" boolean default false, | ||
"date" date not null default CURRENT_DATE | ||
); | ||
|
||
-- Sample feedback item | ||
INSERT INTO "feedback" ("feeling", "understanding", "support", "comments") | ||
VALUES (4, 4, 5, 'Doing Great!'); |
Oops, something went wrong.