Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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! 😁