BioCollect PWA Demo

A progressive web application version of BioCollect, built with React

• BioCollect PWA Demo
  • Dependencies
    • Why Mantine?
  • Setup / Installation
    • IDE
    • Application

Dependencies

Some of the NPM packages used by this project are:

• axios: HTTP requests
• mantine: UI component library / styling
• react-oidc-context: OpenID authentication
• react-router-dom: Client-side routing

Why Mantine?

As this application is a demonstration (and not indicative of a final product), Mantine is a great choice to quickly prototype UI.

Setup / Installation

IDE

The recommended IDE for this project is Visual Studio Code, with the following extensions:

• ESLint
• Prettier

Setup VSCode to format on save using this guide.

Application

1. Install Node.js 16
   1. Use nvm to manage multiple versions of node
2. Clone the repository
3. Install dependencies using Yarn simply with yarn
   1. Yarn is available through Node.js Corepack, run corepack enable to enable Yarn
4. Start the project with yarn start