Skip to content

Commit f64c5b1

Browse files
nil1729nil1729
committed
add vue
1 parent a48f43b commit f64c5b1

File tree

13 files changed

+11652
-0
lines changed

13 files changed

+11652
-0
lines changed

‎vue-noob-4/client/babel.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

‎vue-noob-4/client/package-lock.json‎

Lines changed: 11439 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎vue-noob-4/client/package.json‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{
2+
"name": "mevn_stack",
3+
"version": "0.1.0",
4+
"private": true,
5+
"proxy": "http://localhost:5000",
6+
"scripts": {
7+
"serve": "vue-cli-service serve",
8+
"build": "vue-cli-service build",
9+
"lint": "vue-cli-service lint"
10+
},
11+
"dependencies": {
12+
"core-js": "^3.6.5",
13+
"vue": "^2.6.11",
14+
"vue-router": "^3.3.4",
15+
"vuex": "^3.5.1"
16+
},
17+
"devDependencies": {
18+
"@vue/cli-plugin-babel": "~4.4.0",
19+
"@vue/cli-plugin-eslint": "~4.4.0",
20+
"@vue/cli-service": "~4.4.0",
21+
"babel-eslint": "^10.1.0",
22+
"eslint": "^6.7.2",
23+
"eslint-plugin-vue": "^6.2.2",
24+
"vue-template-compiler": "^2.6.11"
25+
},
26+
"eslintConfig": {
27+
"root": true,
28+
"env": {
29+
"node": true
30+
},
31+
"extends": [
32+
"plugin:vue/essential",
33+
"eslint:recommended"
34+
],
35+
"parserOptions": {
36+
"parser": "babel-eslint"
37+
},
38+
"rules": {}
39+
},
40+
"browserslist": [
41+
"> 1%",
42+
"last 2 versions",
43+
"not dead"
44+
]
45+
}

‎vue-noob-4/client/public/favicon.ico‎

4.19 KB
Binary file not shown.

‎vue-noob-4/client/public/index.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
7+
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
8+
<title><%= htmlWebpackPlugin.options.title %></title>
9+
<link
10+
rel="stylesheet"
11+
href="https://bootswatch.com/4/spacelab/bootstrap.min.css"
12+
/>
13+
</head>
14+
<body>
15+
<noscript>
16+
<strong>
17+
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
18+
properly without JavaScript enabled. Please enable it to continue.
19+
</strong>
20+
</noscript>
21+
<div id="app"></div>
22+
<!-- built files will be auto injected -->
23+
</body>
24+
</html>

‎vue-noob-4/client/src/App.vue‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<template>
2+
<div>
3+
<app-navbar />
4+
<div class="my-3">
5+
<router-view />
6+
</div>
7+
</div>
8+
</template>
9+
10+
<script>
11+
import Navbar from "./components/layouts/Navbar";
12+
export default {
13+
name: "App",
14+
components: {
15+
appNavbar: Navbar,
16+
},
17+
};
18+
</script>
19+
20+
<style>
21+
button {
22+
box-shadow: none !important;
23+
}
24+
</style>

‎vue-noob-4/client/src/assets/logo.png‎

6.69 KB
Loading

‎vue-noob-4/client/src/components/layouts/Navbar.vue‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<template>
2+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
3+
<span class="navbar-brand">vCustomers</span>
4+
<div class="collapse navbar-collapse">
5+
<ul class="navbar-nav mr-auto">
6+
<router-link tag="li" active-class="active" class="nav-item" to="/" exact>
7+
<a class="nav-link">Home</a>
8+
</router-link>
9+
<router-link tag="li" active-class="active" class="nav-item" to="/about">
10+
<a class="nav-link">About</a>
11+
</router-link>
12+
</ul>
13+
<ul class="navbar-nav ml-auto">
14+
<router-link tag="li" active-class="active" class="nav-item" to="/add" exact>
15+
<a class="nav-link">Add Customer</a>
16+
</router-link>
17+
</ul>
18+
</div>
19+
</nav>
20+
</template>
21+
22+
<script>
23+
export default {};
24+
</script>
25+
26+
<style>
27+
</style>

‎vue-noob-4/client/src/components/pages/About.vue‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<template>
2+
<div class="container">
3+
<div class="jumbotron">
4+
<h1 class="display-4">vCustomers MEVN Stack App</h1>
5+
<hr class="my-2" />
6+
<p
7+
class="lead"
8+
>This is a Simple Application that uses NodeJS to manage backends and VueJS as Frontend</p>
9+
<a
10+
target="_blank"
11+
href="https://github.com/nil1729/Vue-Noob/tree/master/vue-noob-4"
12+
class="btn btn-primary"
13+
>Source Code</a>
14+
</div>
15+
</div>
16+
</template>
17+
18+
<script>
19+
export default {};
20+
</script>
21+
22+
<style>
23+
</style>

‎vue-noob-4/client/src/components/pages/Home.vue‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<template>
2+
<div class="container">
3+
<h1 class="text-dark">Customers</h1>
4+
</div>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: "AppHomePage",
10+
};
11+
</script>
12+
13+
<style>
14+
</style>

0 commit comments

Comments
 (0)