add: fe application

.env.development

@@ -0,0 +1 @@
+VUE_APP_ROOT_URL= https://ie-bank-api-dev.azurewebsites.net/

.github/workflows/main_jseijas-iebank-frontend.yml

@@ -0,0 +1,57 @@
+# Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
+# More GitHub Actions for Azure: https://github.com/Azure/actions
+
+name: Build and deploy VueJS app to Azure Web App
+
+on:
+ push:
+ branches:
+ - main
+ workflow_dispatch:
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+
+ steps:
+ - uses: actions/checkout@v2
+
+ - name: Set up Node.js version
+ uses: actions/setup-node@v1
+ with:
+ node-version: '14.x'
+
+ - name: npm install, build, and test
+ run: |
+ npm install
+ npm run build --if-present
+
+ - name: Upload artifact for deployment job
+ uses: actions/upload-artifact@v2
+ with:
+ name: node-app
+ path: dist/
+
+ deploy:
+ runs-on: ubuntu-latest
+ needs: build
+ environment:
+ name: 'Development'
+ url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
+
+ steps:
+ - name: Download artifact from build job
+ uses: actions/download-artifact@v2
+ with:
+ name: node-app
+
+ - uses: azure/login@v1
+ with:
+ creds: ${{ secrets.AZURE_CREDENTIALS }}
+
+ - name: 'Deploy to Azure Web App'
+ id: deploy-to-webapp
+ uses: azure/webapps-deploy@v2
+ with:
+ app-name: 'ie-bank-dev'
+ package: .

.gitignore copy

@@ -0,0 +1,26 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# VSCode
+.vscode/

.vscode/launch.json

@@ -0,0 +1,27 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "msedge",
+ "request": "launch",
+ "name": "IE Bank Frontend",
+ "url": "http://localhost:8080",
+ "webRoot": "${workspaceFolder}",
+ "breakOnLoad": true,
+ "pathMapping": {
+ "/_karma_webpack_": "${workspaceFolder}"
+ },
+ "sourceMapPathOverrides": {
+ "webpack:/*": "${webRoot}/*",
+ "/./*": "${webRoot}/*",
+ "/src/*": "${webRoot}/*",
+ "/*": "*",
+ "/./~/*": "${webRoot}/node_modules/*"
+ },
+ "preLaunchTask": "vuejs: start"
+ }
+ ]
+}

.vscode/tasks.json

@@ -0,0 +1,17 @@
+{
+ "version": "2.0.0",
+ "tasks": [
+ {
+ "label": "vuejs: build",
+ "type": "npm",
+ "script": "install",
+ "isBackground": true
+ },
+ {
+ "label": "vuejs: start",
+ "type": "npm",
+ "script": "serve",
+ "isBackground": true
+ }
+ ]
+ }

README.md

@@ -1,2 +1,17 @@
-# ie-bank-fe
-Frontend for IE bank web app
+# IE Bank frontend
+
+Frontend for IE Bank web app
+
+## Configure your local environment
+
+### Pre requisites
+
+Node version
+
+### Configure environment
+
+1. Download project dependencies through `npm install`
+
+### Run and debug
+
+1. Run 

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+ presets: [
+ '@vue/cli-plugin-babel/preset'
+ ]
+}

jsconfig.json

@@ -0,0 +1,19 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "module": "esnext",
+ "baseUrl": "./",
+ "moduleResolution": "node",
+ "paths": {
+ "@/*": [
+ "src/*"
+ ]
+ },
+ "lib": [
+ "esnext",
+ "dom",
+ "dom.iterable",
+ "scripthost"
+ ]
+ }
+}