azavea · rajadain · Aug 14, 2022 · Aug 14, 2022 · Aug 14, 2022 · Oct 14, 2022
diff --git a/.gitignore b/.gitignore
@@ -33,7 +33,7 @@ vendor.bundle.js
 bundle.js.map
 dist/
 yarn-error.log
-src/app/public/data
+src/app/data
 
 # Bundled JS
 src/app/build

diff --git a/docker-compose.yml b/docker-compose.yml
@@ -14,21 +14,20 @@ services:
       retries: 6
 
   app:
-    image: node:18-slim
+    image: oven/bun:1
     stdin_open: true
     working_dir: /usr/local/src
     environment:
-      - REACT_APP_GIT_COMMIT=${REACT_APP_GIT_COMMIT:-latest}
+      - VITE_GIT_COMMIT=${VITE_GIT_COMMIT:-latest}
       - CHOKIDAR_USEPOLLING=true
       - CHOKIDAR_INTERVAL=100
       - PORT=4545
-      - NODE_OPTIONS=--openssl-legacy-provider
     volumes:
       - ./src/app:/usr/local/src
-      - ./src/django/static:/usr/local/src/build
+      - ./src/django/static:/usr/local/src/dist
       # Ensure node_modules cache doesn't clash with other jobs on CI.
-      - node-modules-volume:/usr/local/src/node_modules
-    command: yarn start
+      # - node-modules-volume:/usr/local/src/node_modules
+    command: bun start
 
   django:
     image: iow-django

diff --git a/scripts/yarn → scripts/bun b/scripts/yarn → scripts/bun
@@ -9,7 +9,7 @@ fi
 function usage() {
     echo -n \
         "Usage: $(basename "$0")
-Execute Yarn CLI commands.
+Execute Bun CLI commands.
 "
 }
 
@@ -19,6 +19,6 @@ if [[ "${BASH_SOURCE[0]}" == "${0}" ]]; then
     else
         docker-compose \
             run --rm --no-deps --entrypoint "bash -c" app \
-            "yarn ${*:1}"
+            "bun ${*:1}"
     fi
 fi
diff --git a/scripts/format b/scripts/format
@@ -1,6 +1,6 @@
 #!/bin/bash
 # Disable "double quote to prevent globbing and word splitting"
-# ${changed_files} is a list that needs to be split on words 
+# ${changed_files} is a list that needs to be split on words
 # shellcheck disable=SC2086
 
 set -e
@@ -22,7 +22,7 @@ if [ "${BASH_SOURCE[0]}" = "${0}" ]; then
     else
         # Format JavaScript app
         docker-compose \
-            run --rm --no-TTY --entrypoint yarn app \
+            run --rm --no-TTY app \
             prettier --loglevel warn --write src/
 
         # Format Django app

diff --git a/scripts/lint b/scripts/lint
@@ -23,12 +23,8 @@ if [ "${BASH_SOURCE[0]}" = "${0}" ]; then
             scripts/*
 
         # Lint JavaScript
-        docker-compose \
-            run --rm --entrypoint yarn app prettier --check src/
-
-        docker-compose \
-            run --rm --entrypoint ./node_modules/.bin/eslint \
-            app src/ --ext .js --ext .jsx
+        ./scripts/bun run prettier --check src/
+        ./scripts/bun run eslint src/ --ext .js --ext .jsx
 
         if [[ -n "${CI}" ]]; then
             # Lint Django app

diff --git a/scripts/test b/scripts/test
@@ -47,19 +47,19 @@ function test_django_ci() {
 function test_app() {
     docker-compose \
         run --rm --no-deps app \
-        yarn test --watchAll=false
+        bun test --watchAll=false
 }
 
 function test_app_watch() {
     docker-compose \
         run --rm --no-deps app \
-        yarn test
+        bun test
 }
 
 function test_app_ci() {
     docker-compose \
         run --rm --no-deps -e CI app \
-        yarn test --watchAll=false
+        bun test --watchAll=false
 }
 
 if [[ ${BASH_SOURCE[0]} == "${0}" ]]; then

diff --git a/scripts/update b/scripts/update
@@ -19,15 +19,15 @@ if [[ "${BASH_SOURCE[0]}" == "${0}" ]]; then
         # Ensure container images are current
         docker-compose build
 
-        # Update Yarn dependencies
+        # Update Bun dependencies
         docker-compose \
             run --rm --no-deps app \
-            yarn install
+            bun install
 
         # Build static asset bundle for React frontend
         docker-compose \
             run --rm --no-deps app \
-            yarn run build
+            bun run build
 
         # Bring up PostgreSQL and Django in a way that respects
         # configured service health checks.
@@ -38,5 +38,7 @@ if [[ "${BASH_SOURCE[0]}" == "${0}" ]]; then
 
         # Collect Django static files
         ./scripts/manage collectstatic --no-input
+
+        docker-compose stop
     fi
 fi
diff --git a/src/app/.prettierignore b/src/app/.prettierignore
@@ -0,0 +1,2 @@
+*.jpg
+*.png
diff --git a/src/app/bun.lockb b/src/app/bun.lockb
diff --git a/src/app/craco.config.js b/src/app/craco.config.js
diff --git a/src/app/public/data/.gitkeep → src/app/data/.gitkeep b/src/app/public/data/.gitkeep → src/app/data/.gitkeep
diff --git a/src/app/public/favicon.ico → src/app/favicon.ico b/src/app/public/favicon.ico → src/app/favicon.ico
diff --git a/src/app/public/index.html → src/app/index.html b/src/app/public/index.html → src/app/index.html
@@ -2,35 +2,27 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="iow-boundary-tool"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+    <link rel="manifest" href="/manifest.json" />
     <title>Boundary Sync</title>
     <!-- Initialize Environment Variables -->
-    <script src="%PUBLIC_URL%/web/environment.js"></script>
+    <script src="/web/environment.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

diff --git a/src/app/public/logo192.png → src/app/logo192.png b/src/app/public/logo192.png → src/app/logo192.png
diff --git a/src/app/public/logo512.png → src/app/logo512.png b/src/app/public/logo512.png → src/app/logo512.png
diff --git a/src/app/public/manifest.json → src/app/manifest.json b/src/app/public/manifest.json → src/app/manifest.json
diff --git a/src/app/package.json b/src/app/package.json
@@ -34,15 +34,14 @@
     "react-redux": "^8.0.2",
     "react-router": "^6.3.0",
     "react-router-dom": "^6.3.0",
-    "react-scripts": "^5.0.1",
     "react-use": "^17.3.2",
     "redux": "^4.2.0",
     "redux-logger": "^3.0.6"
   },
   "scripts": {
-    "start": "craco start",
-    "build": "craco build",
-    "test": "craco test"
+    "start": "vite",
+    "build": "vite build",
+    "test": "vite test"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -60,10 +59,10 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.17.12",
-    "@craco/craco": "^6.4.3",
-    "babel-jest": "28.1.0",
-    "prettier": "^2.6.2",
-    "prettier-loader": "^3.3.0"
+    "@vitejs/plugin-react": "^4.0.4",
+    "eslint": "^8.25.0",
+    "eslint-config-react-app": "^7.0.1",
+    "prettier": "^3.0.3",
+    "vite": "^4.4.9"
   }
 }
diff --git a/src/app/public/robots.txt → src/app/robots.txt b/src/app/public/robots.txt → src/app/robots.txt
diff --git a/src/app/src/App.css b/src/app/src/App.css
@@ -70,13 +70,15 @@
     font-weight: bold;
     font-size: var(--chakra-fontSizes-sm);
     color: var(--chakra-colors-purple-900);
-    text-shadow: 0 0 0.2em var(--chakra-colors-purple-50),
+    text-shadow:
+        0 0 0.2em var(--chakra-colors-purple-50),
         0 0 0.2em var(--chakra-colors-purple-50);
 }
 
 .muni-label-light {
     color: var(--chakra-colors-purple-50);
-    text-shadow: 0 0 0.2em var(--chakra-colors-purple-900),
+    text-shadow:
+        0 0 0.2em var(--chakra-colors-purple-900),
         0 0 0.2em var(--chakra-colors-purple-900);
 }
 

diff --git a/src/app/src/App.js → src/app/src/App.jsx b/src/app/src/App.js → src/app/src/App.jsx
diff --git a/src/app/src/App.test.js → src/app/src/App.test.jsx b/src/app/src/App.test.js → src/app/src/App.test.jsx
diff --git a/src/app/src/components/AfterSubmitModal.js → src/app/src/components/AfterSubmitModal.jsx b/src/app/src/components/AfterSubmitModal.js → src/app/src/components/AfterSubmitModal.jsx
diff --git a/...app/src/components/AuthenticationGuard.js → ...pp/src/components/AuthenticationGuard.jsx b/...app/src/components/AuthenticationGuard.js → ...pp/src/components/AuthenticationGuard.jsx
diff --git a/src/app/src/components/CenteredSpinner.js → src/app/src/components/CenteredSpinner.jsx b/src/app/src/components/CenteredSpinner.js → src/app/src/components/CenteredSpinner.jsx
diff --git a/src/app/src/components/DrawContext.js → src/app/src/components/DrawContext.jsx b/src/app/src/components/DrawContext.js → src/app/src/components/DrawContext.jsx
diff --git a/...src/components/DrawTools/AddAnnotation.js → ...rc/components/DrawTools/AddAnnotation.jsx b/...src/components/DrawTools/AddAnnotation.js → ...rc/components/DrawTools/AddAnnotation.jsx
diff --git a/...pp/src/components/DrawTools/AddPolygon.js → ...p/src/components/DrawTools/AddPolygon.jsx b/...pp/src/components/DrawTools/AddPolygon.js → ...p/src/components/DrawTools/AddPolygon.jsx
diff --git a/...components/DrawTools/AnnotationMarkers.js → ...omponents/DrawTools/AnnotationMarkers.jsx b/...components/DrawTools/AnnotationMarkers.js → ...omponents/DrawTools/AnnotationMarkers.jsx
@@ -19,8 +19,8 @@ export default function AnnotationMarkers() {
         boundary.status === BOUNDARY_STATUS.NEEDS_REVISIONS
             ? boundary.submission.review.annotations
             : boundary.status === BOUNDARY_STATUS.DRAFT
-            ? boundary?.previous_submission?.review.annotations
-            : null;
+              ? boundary?.previous_submission?.review.annotations
+              : null;
 
     const [annotationToDelete, setAnnotationToDelete] = useState(null);
     const [annotationToView, setAnnotationToView] = useState(null);

diff --git a/.../components/DrawTools/AnnotationModals.js → ...components/DrawTools/AnnotationModals.jsx b/.../components/DrawTools/AnnotationModals.js → ...components/DrawTools/AnnotationModals.jsx
diff --git a/...ts/DrawTools/DeletePolygonConfirmModal.js → ...s/DrawTools/DeletePolygonConfirmModal.jsx b/...ts/DrawTools/DeletePolygonConfirmModal.js → ...s/DrawTools/DeletePolygonConfirmModal.jsx
diff --git a/...app/src/components/DrawTools/DrawTools.js → ...pp/src/components/DrawTools/DrawTools.jsx b/...app/src/components/DrawTools/DrawTools.js → ...pp/src/components/DrawTools/DrawTools.jsx
@@ -5,7 +5,7 @@ import EditToolbar from './EditToolbar';
 import MapControlButtons from './MapControlButtons';
 
 import { useDialogController } from '../../hooks';
-import { useDrawBoundary, useDrawPermissions } from '../DrawContext.js';
+import { useDrawBoundary, useDrawPermissions } from '../DrawContext';
 
 import useEditingPolygon from './useEditingPolygon';
 import useGeocoderResult from './useGeocoderResult';

diff --git a/.../components/DrawTools/EditPolygonModal.js → ...components/DrawTools/EditPolygonModal.jsx b/.../components/DrawTools/EditPolygonModal.js → ...components/DrawTools/EditPolygonModal.jsx
diff --git a/...p/src/components/DrawTools/EditToolbar.js → .../src/components/DrawTools/EditToolbar.jsx b/...p/src/components/DrawTools/EditToolbar.js → .../src/components/DrawTools/EditToolbar.jsx
@@ -19,18 +19,18 @@ import {
 } from '@heroicons/react/outline';
 import { CursorClickIcon } from '@heroicons/react/solid';
 
-import AddPolygonIcon from '../../img/AddPolygonIcon.js';
-import DeletePolygonConfirmModal from './DeletePolygonConfirmModal.js';
-import { useDialogController } from '../../hooks.js';
-import EditPolygonModal from './EditPolygonModal.js';
+import AddPolygonIcon from '../../img/AddPolygonIcon';
+import DeletePolygonConfirmModal from './DeletePolygonConfirmModal';
+import { useDialogController } from '../../hooks';
+import EditPolygonModal from './EditPolygonModal';
 import {
     disableAddCursor,
     enableAddCursor,
     toggleEditMode,
     togglePolygonVisibility,
-} from '../../store/mapSlice.js';
-import { useDrawBoundary, useDrawPermissions } from '../DrawContext.js';
-import { BOUNDARY_STATUS } from '../../constants.js';
+} from '../../store/mapSlice';
+import { useDrawBoundary, useDrawPermissions } from '../DrawContext';
+import { BOUNDARY_STATUS } from '../../constants';
 
 const POLYGON_BUTTON_WIDTH = 40;
 

diff --git a/...components/DrawTools/MapControlButtons.js → ...omponents/DrawTools/MapControlButtons.jsx b/...components/DrawTools/MapControlButtons.js → ...omponents/DrawTools/MapControlButtons.jsx
diff --git a/.../src/components/DrawTools/useAddCursor.js → ...src/components/DrawTools/useAddCursor.jsx b/.../src/components/DrawTools/useAddCursor.js → ...src/components/DrawTools/useAddCursor.jsx
diff --git a/...components/DrawTools/useEditingPolygon.js → ...omponents/DrawTools/useEditingPolygon.jsx b/...components/DrawTools/useEditingPolygon.js → ...omponents/DrawTools/useEditingPolygon.jsx
diff --git a/...components/DrawTools/useGeocoderResult.js → ...omponents/DrawTools/useGeocoderResult.jsx b/...components/DrawTools/useGeocoderResult.js → ...omponents/DrawTools/useGeocoderResult.jsx
diff --git a/...c/components/DrawTools/useTrackMapZoom.js → .../components/DrawTools/useTrackMapZoom.jsx b/...c/components/DrawTools/useTrackMapZoom.js → .../components/DrawTools/useTrackMapZoom.jsx
diff --git a/src/app/src/components/Geocoder.js → src/app/src/components/Geocoder.jsx b/src/app/src/components/Geocoder.js → src/app/src/components/Geocoder.jsx
diff --git a/src/app/src/components/Layers/Basemaps.js → src/app/src/components/Layers/Basemaps.jsx b/src/app/src/components/Layers/Basemaps.js → src/app/src/components/Layers/Basemaps.jsx
diff --git a/src/app/src/components/Layers/Layers.js → src/app/src/components/Layers/Layers.jsx b/src/app/src/components/Layers/Layers.js → src/app/src/components/Layers/Layers.jsx
diff --git a/...onents/Layers/MunicipalBoundariesLayer.js → ...nents/Layers/MunicipalBoundariesLayer.jsx b/...onents/Layers/MunicipalBoundariesLayer.js → ...nents/Layers/MunicipalBoundariesLayer.jsx
diff --git a/src/app/src/components/Layers/ParcelLayer.js → ...app/src/components/Layers/ParcelLayer.jsx b/src/app/src/components/Layers/ParcelLayer.js → ...app/src/components/Layers/ParcelLayer.jsx
diff --git a/.../components/Layers/ReferenceImageLayer.js → ...components/Layers/ReferenceImageLayer.jsx b/.../components/Layers/ReferenceImageLayer.js → ...components/Layers/ReferenceImageLayer.jsx
diff --git a/src/app/src/components/LoadingModal.js → src/app/src/components/LoadingModal.jsx b/src/app/src/components/LoadingModal.js → src/app/src/components/LoadingModal.jsx
diff --git a/src/app/src/components/LoginForm.js → src/app/src/components/LoginForm.jsx b/src/app/src/components/LoginForm.js → src/app/src/components/LoginForm.jsx
diff --git a/src/app/src/components/Map.js → src/app/src/components/Map.jsx b/src/app/src/components/Map.js → src/app/src/components/Map.jsx
diff --git a/src/app/src/components/MapPanes.js → src/app/src/components/MapPanes.jsx b/src/app/src/components/MapPanes.js → src/app/src/components/MapPanes.jsx
diff --git a/...rc/components/ModalSections/FileUpload.js → ...c/components/ModalSections/FileUpload.jsx b/...rc/components/ModalSections/FileUpload.js → ...c/components/ModalSections/FileUpload.jsx
diff --git a/...rc/components/ModalSections/HowItWorks.js → ...c/components/ModalSections/HowItWorks.jsx b/...rc/components/ModalSections/HowItWorks.js → ...c/components/ModalSections/HowItWorks.jsx
diff --git a/.../components/ModalSections/Introduction.js → ...components/ModalSections/Introduction.jsx b/.../components/ModalSections/Introduction.js → ...components/ModalSections/Introduction.jsx
diff --git a/.../components/ModalSections/ModalSection.js → ...components/ModalSections/ModalSection.jsx b/.../components/ModalSections/ModalSection.js → ...components/ModalSections/ModalSection.jsx
diff --git a/src/app/src/components/NavBar.js → src/app/src/components/NavBar.jsx b/src/app/src/components/NavBar.js → src/app/src/components/NavBar.jsx
diff --git a/src/app/src/components/ReviewModal.js → src/app/src/components/ReviewModal.jsx b/src/app/src/components/ReviewModal.js → src/app/src/components/ReviewModal.jsx
diff --git a/...p/src/components/Sidebar/BasemapLayers.js → .../src/components/Sidebar/BasemapLayers.jsx b/...p/src/components/Sidebar/BasemapLayers.js → .../src/components/Sidebar/BasemapLayers.jsx
diff --git a/...src/components/Sidebar/ReferenceLayers.js → ...rc/components/Sidebar/ReferenceLayers.jsx b/...src/components/Sidebar/ReferenceLayers.js → ...rc/components/Sidebar/ReferenceLayers.jsx
diff --git a/src/app/src/components/Sidebar/Sidebar.js → src/app/src/components/Sidebar/Sidebar.jsx b/src/app/src/components/Sidebar/Sidebar.js → src/app/src/components/Sidebar/Sidebar.jsx
diff --git a/...src/components/Sidebar/VisbilityButton.js → ...rc/components/Sidebar/VisbilityButton.jsx b/...src/components/Sidebar/VisbilityButton.js → ...rc/components/Sidebar/VisbilityButton.jsx
diff --git a/...src/components/Submissions/ActivityLog.js → ...rc/components/Submissions/ActivityLog.jsx b/...src/components/Submissions/ActivityLog.js → ...rc/components/Submissions/ActivityLog.jsx
diff --git a/src/app/src/components/Submissions/Badges.js → ...app/src/components/Submissions/Badges.jsx b/src/app/src/components/Submissions/Badges.js → ...app/src/components/Submissions/Badges.jsx
diff --git a/...components/Submissions/Detail/DataGrid.js → ...omponents/Submissions/Detail/DataGrid.jsx b/...components/Submissions/Detail/DataGrid.js → ...omponents/Submissions/Detail/DataGrid.jsx
diff --git a/...c/components/Submissions/Detail/Detail.js → .../components/Submissions/Detail/Detail.jsx b/...c/components/Submissions/Detail/Detail.js → .../components/Submissions/Detail/Detail.jsx
diff --git a/...src/components/Submissions/Detail/Info.js → ...rc/components/Submissions/Detail/Info.jsx b/...src/components/Submissions/Detail/Info.js → ...rc/components/Submissions/Detail/Info.jsx
diff --git a/.../src/components/Submissions/Detail/Map.js → ...src/components/Submissions/Detail/Map.jsx b/.../src/components/Submissions/Detail/Map.js → ...src/components/Submissions/Detail/Map.jsx
diff --git a/src/app/src/components/Submissions/List.js → src/app/src/components/Submissions/List.jsx b/src/app/src/components/Submissions/List.js → src/app/src/components/Submissions/List.jsx
diff --git a/src/app/src/components/SubmitModal.js → src/app/src/components/SubmitModal.jsx b/src/app/src/components/SubmitModal.js → src/app/src/components/SubmitModal.jsx
diff --git a/src/app/src/components/UtilityControl.js → src/app/src/components/UtilityControl.jsx b/src/app/src/components/UtilityControl.js → src/app/src/components/UtilityControl.jsx
diff --git a/src/app/src/components/UtilityGuard.js → src/app/src/components/UtilityGuard.jsx b/src/app/src/components/UtilityGuard.js → src/app/src/components/UtilityGuard.jsx
@@ -5,7 +5,7 @@ import { Button, Text } from '@chakra-ui/react';
 
 import { useGetBoundaryDetailsQuery } from '../api/boundaries';
 import apiClient from '../api/client';
-import LoginForm from '../components/LoginForm';
+import LoginForm from './LoginForm';
 import { UtilitySelector } from './UtilityControl';
 import CenteredSpinner from './CenteredSpinner';
 

diff --git a/src/app/src/components/UtilityLabel.js → src/app/src/components/UtilityLabel.jsx b/src/app/src/components/UtilityLabel.js → src/app/src/components/UtilityLabel.jsx
diff --git a/src/app/src/components/WelcomeModal.js → src/app/src/components/WelcomeModal.jsx b/src/app/src/components/WelcomeModal.js → src/app/src/components/WelcomeModal.jsx
diff --git a/src/app/src/img/AddPolygonIcon.js → src/app/src/img/AddPolygonIcon.jsx b/src/app/src/img/AddPolygonIcon.js → src/app/src/img/AddPolygonIcon.jsx
@@ -1,4 +1,4 @@
-import Icon from '@chakra-ui/icon';
+import { Icon } from '@chakra-ui/icon';
 
 export default function AddPolygonIcon() {
     return (

diff --git a/src/app/src/index.js → src/app/src/index.jsx b/src/app/src/index.js → src/app/src/index.jsx
diff --git a/src/app/src/logo.svg b/src/app/src/logo.svg
diff --git a/src/app/src/pages/Draw.js → src/app/src/pages/Draw.jsx b/src/app/src/pages/Draw.js → src/app/src/pages/Draw.jsx
diff --git a/src/app/src/pages/ForgotPassword.js → src/app/src/pages/ForgotPassword.jsx b/src/app/src/pages/ForgotPassword.js → src/app/src/pages/ForgotPassword.jsx
diff --git a/src/app/src/pages/Login.js → src/app/src/pages/Login.jsx b/src/app/src/pages/Login.js → src/app/src/pages/Login.jsx
diff --git a/src/app/src/pages/NotFound.js → src/app/src/pages/NotFound.jsx b/src/app/src/pages/NotFound.js → src/app/src/pages/NotFound.jsx
diff --git a/src/app/src/pages/ResetPassword.js → src/app/src/pages/ResetPassword.jsx b/src/app/src/pages/ResetPassword.js → src/app/src/pages/ResetPassword.jsx
diff --git a/src/app/src/pages/Submissions.js → src/app/src/pages/Submissions.jsx b/src/app/src/pages/Submissions.js → src/app/src/pages/Submissions.jsx
diff --git a/src/app/src/pages/Welcome.js → src/app/src/pages/Welcome.jsx b/src/app/src/pages/Welcome.js → src/app/src/pages/Welcome.jsx
diff --git a/src/app/src/setupProxy.js b/src/app/src/setupProxy.js
diff --git a/src/app/src/utils.js → src/app/src/utils.jsx b/src/app/src/utils.js → src/app/src/utils.jsx
diff --git a/src/app/vite.config.js b/src/app/vite.config.js
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+    plugins: [react()],
+    server: {
+        port: process.env.PORT,
+        host: true,
+        proxy: {
+            '/api': 'http://django:8181',
+            '/media': 'http://django:8181',
+            '/web': 'http://django:8181',
+        }
+    },
+});