Added a /quotes route using Glitch and VS code:

https://afsha1-quote-server.glitch.me/quotes
localhost:3000/quotes

Add a /quotes/random route using Glitch and VS code:

https://afsha1-quote-server.glitch.me/quotes/random
localhost:3000/quotes/random

In this level of the challenge I have allowed the user of my quotes API to search my list of quotes.

Added a /quotes/search?term route using Glitch and VS code:

https://afsha1-quote-server.glitch.me/quotes/search?term=life https://afsha1-quote-server.glitch.me/quotes/search?term=success https://afsha1-quote-server.glitch.me/quotes/search?term=miss

localhost:3000/quotes/search?term=life
localhost:3000/quotes/search?term=success
localhost:3000/quotes/search?term=miss

Making a simple test route that takes a query parameter and repeats the word back to the user.

Tested:

https://afsha1-quote-server.glitch.me/echo?word=ismail
localhost:3000/echo?word=ismail

Used a library called lodash to make it simpler to do tasks like picking randomly from an array.

Tested:
https://afsha1-quote-server.glitch.me/quotes/random
localhost:3000/quotes/random

To install the lodash library:

- edited the file package.json...
- added a line for lodash in the dependencies (we'll already see one for "express").
- We can use "*" as the version number for now.
- If we're running locally, we will need to run npm install to set up the dependency. If we're using Glitch, it will automatically install it.
- Added a "require" line in your server.js so that we can use the library.
- const lodash = require('lodash');

then we can use use code inside the pickFromArray function

lodash.sample(myArray)

- Made a very simple React app and named it quotes-react-app
- Had it fetch a random quote from your server on glitch. We had to enable CORS on the express app. See below.

We installed and enabled CORS in order to allow our JSON to be loaded from a different server (glitch.me) than our React app was initially loaded (probably netlify.com).

in package.json added a dependency for "cors": "^2.8.5"

Then in our server.js added...

var cors = require('cors')

and

app.use(cors())

Then we host our react app on netlify

Made sure the search term in the search end point is also case insensitive by adding .toLowerCase() to searchQuery.

Added my own theory and some of my favourite quotes by Nietzshe.

…fic keywords