FPSMS-frontend/README.md

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Setting Up the Environment

It is recommended to use the same node and npm versions for development. An easy way to do so would be to use `nvm` ([Linux/MacOS](https://github.com/nvm-sh/nvm), [Windows](https://github.com/coreybutler/nvm-windows)).

## Version
nvm: 1.1.12

After installing `nvm`, run:

```bash
nvm use
npm install
```

This will automatically use the node version defined in `.nvmrc` and then proceed with installing the necessary dependencies for development.

## Getting Started

First, run the development server:

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## References

This project uses the following libraries:
- [NextJS](https://nextjs.org/docs)
- [Next-Auth](https://next-auth.js.org/getting-started/example)
- [Material UI](https://mui.com/material-ui/getting-started/)
- [i18next](https://www.i18next.com/overview/getting-started)

## Qrcode Testing
https://stackoverflow.com/questions/16835421/how-to-allow-chrome-to-access-my-camera-on-localhost
Local Qrcode testing require setting tweak 
Steps: 
1. Navigate to chrome://flags/#unsafely-treat-insecure-origin-as-secure in Chrome.
2. Find and enable the Insecure origins treated as secure section (see below).
3. Add any addresses you want to ignore the secure origin policy for. Remember to include the port number too (if required).