gabeduke · gabeduke · Feb 16, 2025 · Feb 16, 2025 · Feb 16, 2025 · Feb 16, 2025
diff --git a/.eslintignore b/.eslintignore
@@ -1 +1,23 @@
-**/**
+# Ignore node_modules directory
+node_modules
+
+# Ignore dist directory
+dist
+
+# Ignore environment configuration files
+.env.local
+.env.*.local
+
+# Ignore log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Ignore editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.gitignore b/.gitignore
@@ -19,3 +19,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+.env
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,17 @@
+# Use a base image
+FROM node:14-alpine
+
+# Set the working directory
+WORKDIR /app
+
+# Copy the project files into the Docker image
+COPY . .
+
+# Install dependencies
+RUN yarn install
+
+# Expose the port the app runs on
+EXPOSE 8080
+
+# Set the command to run the server
+CMD ["yarn", "serve"]
diff --git a/README.md b/README.md
@@ -31,6 +31,7 @@ This project is built using the following technologies:
 
 You will need to install the [Yarn](https://yarnpkg.com/lang/en/) package manager in order to fetch javascript dependencies. Once installed you may run the following commands to serve locally or build a release artifact.
 
+**Note:** This project requires Yarn version `>=1.22.22`.
 
 ```
 yarn install
@@ -50,3 +51,18 @@ yarn build
 ```
 yarn lint
 ```
+
+## Docker Setup
+
+To support localhost development against a Docker image running the server, follow these steps:
+
+1. Ensure you have Docker and Docker Compose installed on your machine.
+2. Build the Docker image:
+   ```
+   docker-compose build
+   ```
+3. Start the Docker container:
+   ```
+   docker-compose up
+   ```
+4. Access the application at `http://localhost:8080`.
diff --git a/babel.config.js b/babel.config.js
@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/app'
+    '@vue/cli-plugin-babel/preset'
   ]
 }
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,12 @@
+version: '3'
+services:
+  server:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "8080:8080"
+    volumes:
+      - .:/app
+      - /app/node_modules
+    command: yarn serve
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Level</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>
+        We're sorry but this app doesn't work properly without JavaScript enabled.
+        Please enable it to continue.
+      </strong>
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -1,56 +1,33 @@
 {
-  "name": "vue",
+  "name": "level-ui",
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "test": "jest --passWithNoTests"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint --ext .vue,.js src"
   },
   "dependencies": {
-    "axios": "^0.21.1",
-    "bootstrap": "^4.3.1",
-    "bootstrap-vue": "^2.0.4",
-    "core-js": "^2.6.5",
-    "firebase": "^7.2.1",
-    "firebaseui": "^4.2.0",
+    "@popperjs/core": "^2.11.8",
+    "axios": "^0.27.2",
+    "bootstrap": "^5.2.0",
+    "bootstrap-vue-3": "^0.5.1",
+    "core-js": "^3.22.0",
+    "firebase": "^9.6.0",
+    "firebaseui": "^6.0.0",
     "register-service-worker": "^1.7.2",
-    "vue": "^2.6.10",
-    "vue-router": "^3.1.3",
-    "vue-select": "^3.2.0",
-    "vuefire": "^2.2.0",
-    "vuex": "^3.1.1"
+    "vue": "^3.2.0",
+    "vue-router": "^4.1.0",
+    "vue-select-next": "^0.1.6",
+    "vuefire": "^3.0.0",
+    "vuex": "^4.0.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.12.0",
-    "@vue/cli-plugin-eslint": "^3.12.0",
-    "@vue/cli-plugin-pwa": "~5.0.0",
-    "@vue/cli-service": "^3.12.0",
-    "babel-eslint": "^10.0.1",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "jest": "^24.9.0",
-    "vue-template-compiler": "^2.6.10"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    }
-  },
-  "postcss": {
-    "plugins": {
-      "autoprefixer": {}
-    }
+    "@vitejs/plugin-vue": "^5.2.1",
+    "eslint": "^8.19.0",
+    "eslint-plugin-vue": "^9.3.0",
+    "vite": "^4.0.0"
   },
   "browserslist": [
     "> 1%",

diff --git a/public/index.html b/public/index.html
diff --git a/src/App.vue b/src/App.vue
@@ -1,14 +1,12 @@
+<!-- src/App.vue -->
 <template>
   <div id="app">
     <router-view />
   </div>
 </template>
 
-<script>
-export default {
-  name: 'app',
-}
-
+<script setup>
+// No additional logic needed here for now.
 </script>
 
 <style>

diff --git a/src/components/Home.vue b/src/components/Home.vue
@@ -1,29 +1,24 @@
 <template>
-    <section>
-        <navigation></navigation>
-        <h5 class="center-align">Home</h5>
+  <b-container fluid>
+    <b-row>
+      <!-- Left column: Level display -->
+      <b-col cols="12" lg="8">
+        <Level />
+      </b-col>
 
-        <Stations/>
-        <Level/>
-    </section>
+      <!-- Right column: Stations (filter and list) -->
+      <b-col cols="12" lg="4">
+        <Stations />
+      </b-col>
+    </b-row>
+  </b-container>
 </template>
 
-<script>
-import navigation from "@/components/NavBar.vue";
+<script setup>
 import Level from '@/components/Level.vue'
 import Stations from '@/components/Stations.vue'
-
-export default {
-    data() {
-        return {};
-    },
-    components: {
-        navigation,
-        Level,
-        Stations,
-    }
-};
 </script>
 
-<style>
-</style>
+<style scoped>
+/* You can add any additional styling for Home.vue here */
+</style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,3 +19,4 @@ yarn-error.log* @@
     *.njsproj
     *.sln
     *.sw?
+    .env