Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yusafosei-bonsu/futureproof-assessment-1
First assessment/test at futureproof
https://github.com/yusafosei-bonsu/futureproof-assessment-1
css express html jquery nodejs
Last synced: about 1 month ago
JSON representation
First assessment/test at futureproof
- Host: GitHub
- URL: https://github.com/yusafosei-bonsu/futureproof-assessment-1
- Owner: YusafOsei-Bonsu
- Created: 2019-11-18T09:09:27.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T13:49:59.000Z (about 2 years ago)
- Last Synced: 2023-03-02T14:41:34.766Z (almost 2 years ago)
- Topics: css, express, html, jquery, nodejs
- Language: JavaScript
- Size: 22.8 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lap 1 Assessment
You will have 90 minutes to complete this assessment.
Please make sure that you read the instruction before starting.## Code of Conduct:
- Do not ask your classmates (verbally or through any other communication method) for help.
- Do not copy/paste any code from someone else or from any online resource.## Tasks
You are going to debug and complete a Random Quotes generator. When you finish with app, it should look like this:
![](assessment-1-giphy.gif)
### To do:
- (DONE) Install the node modules and run your app.
- (DONE) Edit button using CSS and HTML so that it looks like the one in the gif (don't worry about exact colour or font size)
- (DONE) The background image credits should be at the bottom right-hand corner of the page.
- (DONE) Clean CSS file (ie. if there are repeated or inherited properties and values that are not needed, delete them)
- (DONE) Add a route to get all quotes - check your answer in the browser
- (DONE) Add a route to display a random quote
- (DONE) Refactor the /quotes/:index route: Add an if/else statement to account for indices that are outside the quotes array range. You should get the following result:![](app-routes.gif)
- (In-Progress) Debug code in the app.js and script.js so that a random quote is shown every time the button is clicked.
Your app should now look like this:
![](assessment-1-giphy.gif)
Done! Have a great day! 😁