Separating the concerns

Our project is built using:

• A frontend
  • The Sequel-Mart web page
  • Built to manage user experience
• A backend
  • Our database
  • Built to store data

When a user loads the page

• The front-end loads the basic structure and styling of the page
• It then needs to make a request to the backend to provide the data
• Once the frontend receives the data it can display it on the web page

How does the frontend and the backend communicate?

• The backend provides one or more routes
• The frontend makes a request for this data
• The backend can either respond to or reject the request

If it responds successfully:

• It provides the result of the query to a URL
• These can be presented in any form of consumable data (JSON, CSV, Parquet etc.)
• The frontend then accesses this URL

The files in the Frontend and Backend of our project