React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

export default {
    // other rules...
    parserOptions: {
        ecmaVersion: "latest",
        sourceType: "module",
        project: ["./tsconfig.json", "./tsconfig.node.json"],
        tsconfigRootDir: __dirname,
    },
};

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

How to use

1. Clone the repo

git clone git@github.com:BeepLoop/NearbyAssist_web.git

2. Install dependencies

cd NearbyAssist_web
npm install

3. Run dev server

npm run dev

4. Build project

npm run build

Using docker

Docker configuration is also provided in the project. To dockerize the project follow the instructions below.

1. Build the docker image

docker build -t  nearbyassist_web

2. Run

docker run --name web -p 3001:80 --rm -t nearbyassist_web