Skip to content

Commit 7740b14

Browse files
TimibadassTimibadass
committedApr 5, 2020
initial commit
0 parents  commit 7740b14

18 files changed

+430
-0
lines changed
 

‎.editorconfig

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_style = space
6+
indent_size = 2
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
12+
[*.md]
13+
trim_trailing_whitespace = false

‎.gitignore

+90
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
# Created by .ignore support plugin (hsz.mobi)
2+
### Node template
3+
# Logs
4+
/logs
5+
*.log
6+
npm-debug.log*
7+
yarn-debug.log*
8+
yarn-error.log*
9+
10+
# Runtime data
11+
pids
12+
*.pid
13+
*.seed
14+
*.pid.lock
15+
16+
# Directory for instrumented libs generated by jscoverage/JSCover
17+
lib-cov
18+
19+
# Coverage directory used by tools like istanbul
20+
coverage
21+
22+
# nyc test coverage
23+
.nyc_output
24+
25+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26+
.grunt
27+
28+
# Bower dependency directory (https://bower.io/)
29+
bower_components
30+
31+
# node-waf configuration
32+
.lock-wscript
33+
34+
# Compiled binary addons (https://nodejs.org/api/addons.html)
35+
build/Release
36+
37+
# Dependency directories
38+
node_modules/
39+
jspm_packages/
40+
41+
# TypeScript v1 declaration files
42+
typings/
43+
44+
# Optional npm cache directory
45+
.npm
46+
47+
# Optional eslint cache
48+
.eslintcache
49+
50+
# Optional REPL history
51+
.node_repl_history
52+
53+
# Output of 'npm pack'
54+
*.tgz
55+
56+
# Yarn Integrity file
57+
.yarn-integrity
58+
59+
# dotenv environment variables file
60+
.env
61+
62+
# parcel-bundler cache (https://parceljs.org/)
63+
.cache
64+
65+
# next.js build output
66+
.next
67+
68+
# nuxt.js build output
69+
.nuxt
70+
71+
# Nuxt generate
72+
dist
73+
74+
# vuepress build output
75+
.vuepress/dist
76+
77+
# Serverless directories
78+
.serverless
79+
80+
# IDE / Editor
81+
.idea
82+
83+
# Service worker
84+
sw.*
85+
86+
# macOS
87+
.DS_Store
88+
89+
# Vim swap files
90+
*.swp

‎README.md

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# nuxt-tutorial-app
2+
3+
> My outstanding Nuxt.js project
4+
5+
## Build Setup
6+
7+
```bash
8+
# install dependencies
9+
$ npm install
10+
11+
# serve with hot reload at localhost:3000
12+
$ npm run dev
13+
14+
# build for production and launch server
15+
$ npm run build
16+
$ npm run start
17+
18+
# generate static project
19+
$ npm run generate
20+
```
21+
22+
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

‎assets/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# ASSETS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
6+
7+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).

‎components/Logo.vue

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<template>
2+
<svg class="NuxtLogo" width="245" height="180" viewBox="0 0 452 342" xmlns="http://www.w3.org/2000/svg">
3+
<g fill="none" fill-rule="evenodd">
4+
<path
5+
d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
6+
fill="#00C58E"
7+
/>
8+
<path
9+
d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
10+
fill="#108775"
11+
/>
12+
<path
13+
d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
14+
fill="#2F495E"
15+
fill-rule="nonzero"
16+
/>
17+
</g>
18+
</svg>
19+
</template>
20+
<style>
21+
.NuxtLogo {
22+
animation: 1s appear;
23+
margin: auto;
24+
}
25+
26+
@keyframes appear {
27+
0% {
28+
opacity: 0;
29+
}
30+
100% {
31+
opacity: 1;
32+
}
33+
}
34+
</style>

‎components/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# COMPONENTS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
The components directory contains your Vue.js Components.
6+
7+
_Nuxt.js doesn't supercharge these components._

‎jsconfig.json

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"compilerOptions": {
3+
"baseUrl": ".",
4+
"paths": {
5+
"~/*": ["./*"],
6+
"@/*": ["./*"],
7+
"~~/*": ["./*"],
8+
"@@/*": ["./*"]
9+
}
10+
},
11+
"exclude": ["node_modules", ".nuxt", "dist"]
12+
}

‎layouts/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# LAYOUTS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains your Application Layouts.
6+
7+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).

‎layouts/default.vue

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<template>
2+
<div>
3+
<nuxt />
4+
</div>
5+
</template>
6+
7+
<style>
8+
html {
9+
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
10+
Roboto, 'Helvetica Neue', Arial, sans-serif;
11+
font-size: 16px;
12+
word-spacing: 1px;
13+
-ms-text-size-adjust: 100%;
14+
-webkit-text-size-adjust: 100%;
15+
-moz-osx-font-smoothing: grayscale;
16+
-webkit-font-smoothing: antialiased;
17+
box-sizing: border-box;
18+
}
19+
20+
*,
21+
*:before,
22+
*:after {
23+
box-sizing: border-box;
24+
margin: 0;
25+
}
26+
27+
.button--green {
28+
display: inline-block;
29+
border-radius: 4px;
30+
border: 1px solid #3b8070;
31+
color: #3b8070;
32+
text-decoration: none;
33+
padding: 10px 30px;
34+
}
35+
36+
.button--green:hover {
37+
color: #fff;
38+
background-color: #3b8070;
39+
}
40+
41+
.button--grey {
42+
display: inline-block;
43+
border-radius: 4px;
44+
border: 1px solid #35495e;
45+
color: #35495e;
46+
text-decoration: none;
47+
padding: 10px 30px;
48+
margin-left: 15px;
49+
}
50+
51+
.button--grey:hover {
52+
color: #fff;
53+
background-color: #35495e;
54+
}
55+
</style>

‎middleware/README.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# MIDDLEWARE
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains your application middleware.
6+
Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
7+
8+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).

‎nuxt.config.js

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
2+
export default {
3+
mode: 'universal',
4+
/*
5+
** Headers of the page
6+
*/
7+
head: {
8+
title: process.env.npm_package_name || '',
9+
meta: [
10+
{ charset: 'utf-8' },
11+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
12+
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
13+
],
14+
link: [
15+
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
16+
]
17+
},
18+
/*
19+
** Customize the progress-bar color
20+
*/
21+
loading: { color: '#fff' },
22+
/*
23+
** Global CSS
24+
*/
25+
css: [
26+
],
27+
/*
28+
** Plugins to load before mounting the App
29+
*/
30+
plugins: [
31+
],
32+
/*
33+
** Nuxt.js dev-modules
34+
*/
35+
buildModules: [
36+
],
37+
/*
38+
** Nuxt.js modules
39+
*/
40+
modules: [
41+
],
42+
/*
43+
** Build configuration
44+
*/
45+
build: {
46+
/*
47+
** You can extend webpack config here
48+
*/
49+
extend (config, ctx) {
50+
}
51+
}
52+
}

‎package.json

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"name": "nuxt-tutorial-app",
3+
"version": "1.0.0",
4+
"description": "My outstanding Nuxt.js project",
5+
"author": "Timibadass",
6+
"private": true,
7+
"scripts": {
8+
"dev": "nuxt",
9+
"build": "nuxt build",
10+
"start": "nuxt start",
11+
"generate": "nuxt generate"
12+
},
13+
"dependencies": {
14+
"nuxt": "^2.0.0"
15+
},
16+
"devDependencies": {}
17+
}

‎pages/README.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# PAGES
2+
3+
This directory contains your Application Views and Routes.
4+
The framework reads all the `*.vue` files inside this directory and creates the router of your application.
5+
6+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).

‎pages/index.vue

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<template>
2+
<div class="container">
3+
<div>
4+
<logo />
5+
<h1 class="title">
6+
nuxt-tutorial-app
7+
</h1>
8+
<h2 class="subtitle">
9+
My outstanding Nuxt.js project
10+
</h2>
11+
<div class="links">
12+
<a
13+
href="https://nuxtjs.org/"
14+
target="_blank"
15+
class="button--green"
16+
>
17+
Documentation
18+
</a>
19+
<a
20+
href="https://github.com/nuxt/nuxt.js"
21+
target="_blank"
22+
class="button--grey"
23+
>
24+
GitHub
25+
</a>
26+
</div>
27+
</div>
28+
</div>
29+
</template>
30+
31+
<script>
32+
import Logo from '~/components/Logo.vue'
33+
34+
export default {
35+
components: {
36+
Logo
37+
}
38+
}
39+
</script>
40+
41+
<style>
42+
.container {
43+
margin: 0 auto;
44+
min-height: 100vh;
45+
display: flex;
46+
justify-content: center;
47+
align-items: center;
48+
text-align: center;
49+
}
50+
51+
.title {
52+
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
53+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
54+
display: block;
55+
font-weight: 300;
56+
font-size: 100px;
57+
color: #35495e;
58+
letter-spacing: 1px;
59+
}
60+
61+
.subtitle {
62+
font-weight: 300;
63+
font-size: 42px;
64+
color: #526488;
65+
word-spacing: 5px;
66+
padding-bottom: 15px;
67+
}
68+
69+
.links {
70+
padding-top: 15px;
71+
}
72+
</style>

‎plugins/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# PLUGINS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
6+
7+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).

‎static/README.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# STATIC
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains your static files.
6+
Each file inside this directory is mapped to `/`.
7+
Thus you'd want to delete this README.md before deploying to production.
8+
9+
Example: `/static/robots.txt` is mapped as `/robots.txt`.
10+
11+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).

‎static/favicon.ico

1.36 KB
Binary file not shown.

‎store/README.md

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# STORE
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains your Vuex Store files.
6+
Vuex Store option is implemented in the Nuxt.js framework.
7+
8+
Creating a file in this directory automatically activates the option in the framework.
9+
10+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).

0 commit comments

Comments
 (0)
Please sign in to comment.