refined backend skeleton
This commit is contained in:
parent
3f5f01a1da
commit
9098175f2c
8 changed files with 44 additions and 91 deletions
0
backend/api/.gitkeep
Normal file
0
backend/api/.gitkeep
Normal file
12
backend/utils/build_frontend.py
Normal file
12
backend/utils/build_frontend.py
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
import os
|
||||||
|
import subprocess
|
||||||
|
|
||||||
|
|
||||||
|
def build_frontend():
|
||||||
|
"""
|
||||||
|
builds the frontend application
|
||||||
|
"""
|
||||||
|
|
||||||
|
path: str = os.path.join(os.path.dirname(__file__), "..", "..", "stockingly-frontend")
|
||||||
|
p = subprocess.Popen(["yarn", "build"], cwd=path)
|
||||||
|
p.wait()
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link rel="icon" href="/favicon.ico" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Welcome to Vuetify 3</title>
|
<title>Stockingly</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -1,75 +0,0 @@
|
||||||
<template>
|
|
||||||
<v-container class="fill-height">
|
|
||||||
<v-responsive class="d-flex align-center text-center fill-height">
|
|
||||||
<v-img height="300" src="@/assets/logo.svg" />
|
|
||||||
|
|
||||||
<div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
|
|
||||||
|
|
||||||
<h1 class="text-h2 font-weight-bold">Vuetify</h1>
|
|
||||||
|
|
||||||
<div class="py-14" />
|
|
||||||
|
|
||||||
<v-row class="d-flex align-center justify-center">
|
|
||||||
<v-col cols="auto">
|
|
||||||
<v-btn
|
|
||||||
href="https://vuetifyjs.com/components/all/"
|
|
||||||
min-width="164"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
target="_blank"
|
|
||||||
variant="text"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
icon="mdi-view-dashboard"
|
|
||||||
size="large"
|
|
||||||
start
|
|
||||||
/>
|
|
||||||
|
|
||||||
Components
|
|
||||||
</v-btn>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col cols="auto">
|
|
||||||
<v-btn
|
|
||||||
color="primary"
|
|
||||||
href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
|
|
||||||
min-width="228"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
size="x-large"
|
|
||||||
target="_blank"
|
|
||||||
variant="flat"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
icon="mdi-speedometer"
|
|
||||||
size="large"
|
|
||||||
start
|
|
||||||
/>
|
|
||||||
|
|
||||||
Get Started
|
|
||||||
</v-btn>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col cols="auto">
|
|
||||||
<v-btn
|
|
||||||
href="https://community.vuetifyjs.com/"
|
|
||||||
min-width="164"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
target="_blank"
|
|
||||||
variant="text"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
icon="mdi-account-group"
|
|
||||||
size="large"
|
|
||||||
start
|
|
||||||
/>
|
|
||||||
|
|
||||||
Community
|
|
||||||
</v-btn>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</v-responsive>
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
//
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,13 +1,23 @@
|
||||||
<template>
|
<template>
|
||||||
<v-app-bar flat>
|
<v-app-bar color="primary">
|
||||||
<v-app-bar-title>
|
<v-app-bar-title>
|
||||||
<v-icon icon="mdi-circle-slice-4" />
|
Stockingly
|
||||||
|
|
||||||
Base Preset
|
|
||||||
</v-app-bar-title>
|
</v-app-bar-title>
|
||||||
|
|
||||||
|
<v-tabs centered>
|
||||||
|
<v-tab v-for="link in links" :key="link">
|
||||||
|
{{ link }}
|
||||||
|
</v-tab>
|
||||||
|
</v-tabs>
|
||||||
|
<v-spacer></v-spacer>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
//
|
const links = [
|
||||||
|
'Dashboard',
|
||||||
|
'Messages',
|
||||||
|
'Profile',
|
||||||
|
'Updates',
|
||||||
|
];
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -14,11 +14,12 @@ import { createVuetify } from 'vuetify'
|
||||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||||
export default createVuetify({
|
export default createVuetify({
|
||||||
theme: {
|
theme: {
|
||||||
|
defaultTheme: 'light',
|
||||||
themes: {
|
themes: {
|
||||||
light: {
|
light: {
|
||||||
colors: {
|
colors: {
|
||||||
primary: '#1867C0',
|
primary: '#009688',
|
||||||
secondary: '#5CBBF6',
|
secondary: '#ff4081',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<HelloWorld />
|
<marquee><h1>Viva Luciano Malusa</h1></marquee>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import HelloWorld from '@/components/HelloWorld.vue'
|
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
from flask import Flask, jsonify, send_from_directory
|
from flask import Flask, jsonify, redirect, url_for, send_from_directory
|
||||||
from flask_cors import CORS
|
from flask_cors import CORS
|
||||||
|
from backend.utils.build_frontend import build_frontend
|
||||||
|
import os
|
||||||
|
import subprocess
|
||||||
|
|
||||||
|
|
||||||
# instantiate the app
|
# instantiate the app
|
||||||
app = Flask(__name__, static_url_path='/static', static_folder='stockingly-frontend/dist')
|
app = Flask(__name__, static_url_path='/static', static_folder='stockingly-frontend/dist')
|
||||||
|
|
@ -8,10 +12,12 @@ app.config.from_object(__name__)
|
||||||
# enable CORS
|
# enable CORS
|
||||||
CORS(app, resources={r'/*': {'origins': '*'}})
|
CORS(app, resources={r'/*': {'origins': '*'}})
|
||||||
|
|
||||||
# sanity check route
|
|
||||||
@app.route('/ping', methods=['GET'])
|
@app.route('/', methods=['GET'])
|
||||||
def ping_pong():
|
def index():
|
||||||
return jsonify('pong!')
|
return redirect(url_for('static', filename='index.html'))
|
||||||
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
if __name__ == '__main__':
|
||||||
app.run()
|
build_frontend()
|
||||||
|
app.run()
|
||||||
|
|
|
||||||
Reference in a new issue