Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • ReactJS: an open-source frontend JavaScript library

    • We chose ReactJS for the frontend because it supports the use of components, which allows us to reuse existing code instead of having to rewrite similar features, which in turn allows for faster development

    • React also improves performance by only updating components in the DOM whose state has changed, instead of updating every component again, making our app lightweight and flexible

    • React also has plenty of documentation and online resources, so the members of our team who were unfamiliar with it would be able to pick it up quickly

Library - PuppeteerJS, Morgan(logger), Winston(Logger)

Development and Deployment Environment:

...

Morgan, Winstor for logging?

Web scraping - Puppeteer

  • Puppeteer: an NPM library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol

    • We chose Puppeteer as it can be used to scrape the data from our data source, which we need to do as part of our API

    • Puppeteer allows us to run Chromium in headless mode, meaning we

UI design - Material UI

  • Material UI (MUI): an open-source frontend framework for React components based on Google’s Material Design

    • We decided to use MUI as it would make the development of our app quicker and easier. Since MUI defines its own components, we can use them to quickly design the UI of our app, instead of spending time writing our own CSS classes

    • By using MUI, we can keep our frontend UI theme consistent, and even customise it to suit our needs

    • The extensive documentation also means it will be easy to pick up, as well as debug