Adding to db

README.md

@@ -1,46 +1,98 @@
-# React + Express No-Fluff Boilerplate
+![quizjs](react-front-end/src/asset/THELOGO.png)
+![quizjs](react-front-end/src/asset/smaller-dude.png)
+## Final Product
 
-A boilerplate project for anyone interested in making a project that uses React and Express.
+### Home Page
+![home](react-front-end/src/asset/home.png)
 
-This repository is a bootleg of @NimaBoscarino's [React Rails Boilerplate](https://github.com/NimaBoscarino/react-rails-boilerplate). It uses the same React app, but replaces the Rails server with an Express server.
+### Instruction Page
+![info](react-front-end/src/asset/info.png)
 
-Note! This boilerplate has _no fluff_! That means that there's nothing set up for you to do authentication stuff, there's no Redux stuff, and there's no React Router stuff. On the Express end, there is no session storage or database connection.
+### Quiz Page
+![quiz](react-front-end/src/asset/quiz.png)
 
-The main important bit is that the React project has `proxy` set to `localhost:8080` in the `package.json` file, and that the Express app listens to port 8080 in `server.js`. Take a look!
+### Game Over Page
+![gameover](react-front-end/src/asset/gameover.png)
 
-You can (and perhaps should) rename the directories `express-back-end` and `react-front-end` if you want-- The name doesn't matter.
+### Congrads Page
+![congrads](react-front-end/src/asset/congrads.png)
 
-## Running the projects
+## Getting Started
 
-You need **TWO** terminal windows/tabs for this (or some other plan for running two Node processes).
+1. Create database in PostgreSQL called quiz_app
+2. Create the `.env` by using `.env.example` in the back-end folder
+3. Update the .env file with your correct local information 
+  - username: `labber` 
+  - password: `labber` 
+  - database: `quiz_app`
+4. Install dependencies on both the front and back-end: `npm i`
+5. Reset database: `node reset-database.js`
+6. cd into back-end folder, Run the server: `npm run go`
+7. cd into front-end folder, Run the client: `npm start`
+8. Visit http://localhost:3000/
 
-In one terminal, `cd` into `react-front-end`. Run `npm install` or `yarn` to install the dependencies. Then run `npm start` or `yarn start`, and go to `localhost:3000` in your browser.
+## Navigating the app
 
-In the other terminal, `cd` into `express-back-end`. Run `npm install` or `yarn` to install the dependencies, then `npm start` or `yarn start` to launch the server.
+### Home page
+- On the home page you see the top 24 high scores
+- You can hit play to start the quiz or look at the Instructions page
 
-In the browser, you can click on the button and see the data get loaded.
+### Instructions page
+- On this page you learn how to play and how the point system works
 
-If this doesn't work, please message me!
+### Quiz page
+- This page is the game it's self
+- Here you answer questions, earn points, and use hints if you stuck
+- You score and game stats are being recorded as you go along
+- you have a 5 min time limit to finish the quiz
 
-## Next steps
+### Congrads Page
+- This is where you will see your score, final time and other game stats
+- You enter in a nickname 
+- if you scored high enough your score will be added to the leader board
+- after submiting your nickname you will be sent back to the home page
 
-From here, you can start working on your project!
+## How to Reset the database
 
-As soon as the dependencies are installed, your Express server can serve JSON and static assets (like images) in response to API calls from the React app. You can get started on developing your React app, routing plan, etc. right away! Any request that isn't handled by React is passed on to the Express server. That means that you can call a route like `/api/users` from React using `fetch`, `axios`, or something else, and Express will receive it as though they originated from the same app. For routing, best practice is to namespace all of your data routes to `/api`, so that they don't clash with other routing schemes, like React Router.
+- Use the `node reset-database.js` command in the back-end each time there is a change to the database schema or seeds. 
+  - It runs through each of the files, in order, and executes them against the database. 
+  - Note: you will lose all newly created (test) data each time this is run, since the schema files will tend to `DROP` the tables and recreate them.
 
-At some point, you'll likely want to install and configure a database driver for Postgres or MongoDB-- Refer to past projects for hints on how to do this.
+## Dependencies
 
-And don't forget to update the README!
+- normalize.css 12.0.0
+- animation.css 4.1.1
+- axios: 0.18.1
+- postcss-normalize 10.0.1
+- react: 16.8.6
+- react-dom: 16.8.6
+- react-router-dom: 6.17.0
+- react-scripts: 2.1.8
+- sanitize.css 13.0.0
+- body-parser: 1.20.2
+- chalk: 4.1.2
+- cors: 2.8.5
+- dotenv: 16.3.1
+- express: 4.18.2
+- fs: 0.0.1-security
+- knex: 3.0.1
+- nodemon: 1.18.7
+- pg: 8.11.3
+- whatwg-fetch: 3.6.19
 
-## Example Projects
+## Starting the server and the client
 
-You might want to look at examples of projects that have used this boilerplate for hints on how to extend it. Here are a few:
+1. Run the server: `npm run go`
+2. Run the client: `npm start`
+3. Visit: http://localhost:3000/
 
-* [Later Cart](https://github.com/bonitac/later-cart)
-* [Buddi.io](https://github.com/Danny-Tran/buddi.io)
 
-If you'd like your project added to the list, please shoot me a message.
+## The team
 
-## Contact
+- Nick Stilwell: https://github.com/nickstilwell52
 
-Please contact me on Slack (@garrettgsb) or Nima at `[email protected]` if you have any questions, requests, or feedback, or post an issue to this repo. If you are using the boilerplate, I'd love to hear from you as well!
+- Yiyao Chen: https://github.com/ychento
+
+- Hossein Safi: https://github.com/mhosseinsafi
+
+- Ryan Stewart: https://github.com/ryanstew95

express-back-end/.env.example

@@ -0,0 +1,7 @@
+DB_HOST=
+DB_USER=
+DB_PASS=
+DB_NAME=
+DB_PORT=
+DB_SSL=
+DATABASE_URL=

express-back-end/db/more_questions.md

@@ -0,0 +1,166 @@
+# More Questions
+
+## Round Two
+
+When can you add two to eleven and get one as the correct answer?
+A. When you add two hours to eleven o'clock, you get one o'clock. (correct answer)
+B. When you add two minutes to eleven minutes past an hour, you get one minute past the next hour.
+C. When you add two months to November, you get January, which is the first month of the year.
+D. When you add two days to the 11th day of the month, you get the 1st day of the next month.
+`Hint: Think of time`
+
+What do these words have in common? Fed, Moon, Bab, Feed, High
+A. The words are all related to astronomy.
+B. The words are made up of 3 consecutive letters of the alphabet. (correct answer)
+C. The words are all palindromes.
+D. The words are all related to eating and food.
+`Hint: Pay attention to the vowels in each word and their arrangement`
+
+Which of the following words does not belong with the others and why? Father, Aunt, Sister, Cousin, Mother, Uncle
+A. Father
+B. Aunt
+C. Cousin (correct answer)
+D. Sister
+`Hint: Think about the pronouns for each word`
+
+What does no man want, yet no man wants to lose?
+A. His partner
+B. Gun
+C. Car 
+D. A bald head (correct answer)
+`Hint: Something men lose with age`
+
+Which word below logically comes next in the following list? Choice, Box, Kick, Oboe
+A. Dice (correct answer)
+B. Box
+C. Kick
+D. Oboe
+`Hint: Think alphabetically`
+
+If it takes six men six days to dig six holes, how long will it take one man to dig half a hole?
+A. Nine days
+B. There is no such thing as half a hole. A hole is a hole. (correct answer)
+C. Three days
+D. One day
+`Hint: Can there be half a hole?`
+
+What is very unusual about the following words? Bough, Cough, Dough, Rough, Through
+A. They are in alphabetical order
+B. Hard to spell
+C. They all end in O-U-G-H, and none of them rhyme. (correct answer)
+D. All the above
+`Hint: Read each word out loud and think about how they sound`
+
+How high would you have to count before you would use the letter A in the English language spelling of a whole number?
+A. One hundred
+B. One million
+C. Ten
+D. One Thousand (correct answer)
+`Hint: Consider the alphabetical order of the English language spelling of numbers.`
+
+Why is a manhole cover round? (Give two reasons.)
+A. It cannot fall through the hole and it can easily be moved by rolling (correct answer)
+B. A round cover is more cost-effective to manufacture than other shapes.
+C. Round covers are less likely to injure someone if accidentally dropped or rolled.
+D. A round shape ensures that the cover will fit securely into the manhole opening, preventing debris and water from entering.
+`Hint: Think about the problems having a round cover would solve`
+
+What is the next letter in the following sequence? M A M J J A S O 
+A. A
+B. N (correct answer)
+C. B
+D. C
+`Hint: Think of a calendar`
+
+A pair of twins is how many people?
+A. Four
+B. One
+C. Two (correct answer)
+D. Six
+`Hint: How many is a twin`
+
+What do these words have in common? Tram, Dial, Spool, Ward, Decal, Strap
+A. Each word is a palindrome.
+B. Each word is related to transportation.
+C. Each word is a type of tool.
+D.Each word forms another word when the letters are reversed. (correct answer)
+`Hint: Consider the arrangement and reversal of letters in each word`
+
+Which word logically comes next in the list below? Shine, Light, Stone, Struck, Beam
+A. Less (correct answer)
+B. Bright
+C. Heavy
+D. Stable
+`Hint: Think about the sequence and its relation to weight or intensity.`
+
+## Round Three
+
+What do these five-letter words have in common? Deity, First, Forty, Abort, Films, Abhor
+A. The words are all related to numbers.
+B. The letters in each word are in alphabetical order. (correct answer)
+C.  Each word has four consonants and one vowel
+D. The letters in each word are in reverse alphabetical order
+`Hint: Consider the arrangement of letters in each word`
+
+Rearrange the following letters to make one word. NEW DOOR
+A. OWN RODE
+B. RED WOON
+C. ONE WORD (correct answer)
+D. WORN DOE
+`Hint: Think literally`
+
+Which one does not belong? French, Nun, Malayalam, Too hot to hoot, Race car, Puff up
+A. Nun
+B. Too hot to hoot
+C. Race car
+D. French (correct answer)
+`Hint: Your looking for the one that is not a palindrome`
+
+What came first, the chicken or the egg?
+A. The egg (correct answer)
+B. The chicken evolved from a bird that was not quite a chicken, laying the first chicken egg 
+C.
+D.
+`Hint: Think about the natural progression of life cycles.`
+
+A particular pumpkin weighs 3/4 of a pound plus 3/4 of a pumpkin. How much does this pumpkin weigh?
+A. One pound
+B. Three pounds (correct answer)
+C. two pounds
+D. 1.5 pounds
+`Hint: Consider the wording carefully`
+
+How can it be that a man was once married to the sister of his widow?
+A.
+B.
+C.The man married his wife's sister first (correct answer)
+D.
+`Hint: Pay attention to the wording and relationships`
+// null values here
+What is the third hand on a watch or clock called?
+A.
+B. The hour hand
+C.
+D.The second hand (correct answer)
+`Hint:  Consider the typical functions of the hands on a clock`
+// null values here
+Joanne's birthday is January 15th, but she always celebrates it in the summer. Why?
+A.Joanne lives in the southern hemisphere (correct answer)
+B.
+C.
+D.
+`Hint: Think about global differences`
+
+Ben can never tell a lie. George can never tell the truth. One of them said, "The other one said he is George." Which one said that?
+A. Neither
+B. George (correct answer)
+C. Ben
+D. Both
+`Hint: Consider the implications of each person's statement`
+
+If a wheel has 64 spokes, how many spaces are there between the spokes?
+A. 62
+B. 65
+C. 64 (correct answer)
+D. 63
+`Hint: Visualize the spaces between the spokes`