Purpose

Striver has two main purposes: it acts as an inspirational quote fetcher as well as a public forum for discussion on goals.
- In order to accomplish this, we created two separate HTML pages called index.html and forum.html respectively
- Each of them have their own JavaScript files under the script/ directory
Our frontend was built around the backend API after each part of it was developed
We used JavaScript fetch to send HTTP requests to our backend on AWS
The frontend is statically hosted by GitHub pages, running on a remote server (not the same AWS instance as our backend)

HTML & CSS Usage

Uses Bootstrap CSS library and Bootstrap icon library for styling components using classes
No custom CSS written; only Bootstrap classes were used for ease of development

Frontend layout

Bootstrapping of HTML page using basic HTML components (navbar, table, columns, rows)

Uses JavaScript window.fetch to make HTTP POST request
Sends data in JSON format using JSON.stringify
Receives data in JSON format using r.json() to convert it to a JavaScript Object
Modifies DOM to account for new information received from backend

Uses JavaScript window.fetch to make HTTP GET request
Does not send any data in the request body
- Sends previous quote ID in query string
Receives data in JSON format using r.json() to convert it to a JavaScript Object
Modifies DOM to account for new information received from backend