Skip to content

Commit a8bef1d

Browse files
author
Anthony Gore
committed
First commit
0 parents  commit a8bef1d

16 files changed

+551
-0
lines changed

‎.babelrc

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"presets": [
3+
["es2015"]
4+
],
5+
"plugins": ["transform-es2015-destructuring", "transform-object-rest-spread"]
6+
}

‎.env_sample

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
PORT=9000
2+
NODE_ENV=development
3+
CDN_URL=

‎.gitignore

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.DS_Store
2+
node_modules/
3+
npm-debug.log
4+
.idea
5+
.env
6+
dist

‎README.md

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# Ultimate Vue.js Developers Course
2+
3+
### Project 3: Vue.js Calendar
4+
5+
#### Demo
6+
7+
See the completed project here: [https://vuejs-calendar.getjsdojo.com/](https://vuejs-calendar.getjsdojo.com/)
8+
9+
#### Installation
10+
11+
1. Clone this repository on your local file system
12+
13+
```
14+
cd /path/to/install/location
15+
git clone [email protected]:getjsdojo/vuejs-calendar.git
16+
```
17+
18+
2. Install dependencies
19+
20+
```
21+
npm install
22+
```
23+
24+
3. Create a `.env` file by copying the sample
25+
26+
```
27+
cp .env_sample .env
28+
```
29+
30+
Edit the .env file and replace any variables if needed
31+
32+
4. Start project
33+
34+
```
35+
npm run start
36+
```
37+
38+
5. Your site will be available at *localhost:[PORT]* where `PORT` is whatever value is set in your `.env` file.

‎index.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Vue.js Calendar</title>
7+
<link rel="icon" href="/public/favicon.ico" type="image/x-icon">
8+
<link rel="stylesheet" type="text/css" href="/dist/style.css" media="screen" />
9+
</head>
10+
<body>
11+
<div id="app">{{ msg }}</div>
12+
<script src="/dist/web.bundle.js"></script>
13+
</body>
14+
</html>

‎package.json

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"name": "vue-calendar",
3+
"version": "1.0.0",
4+
"description": "Ultimate Vue.js course",
5+
"main": "server.js",
6+
"author": "Anthony Gore <[email protected]>",
7+
"repository": {
8+
"type": "git",
9+
"url": "https://github.com/getjsdojo/vuejs-poster-shop"
10+
},
11+
"license": "UNLICENSED",
12+
"scripts": {
13+
"start": "nodemon ./server.js --ignore src/ -e js,html,css",
14+
"build": "rimraf dist && cross-env NODE_ENV=production webpack --config webpack.config.js --progress --hide-modules"
15+
},
16+
"dependencies": {
17+
"body-parser": "^1.15.2",
18+
"cross-env": "^3.1.3",
19+
"dotenv": "^2.0.0",
20+
"express": "^4.14.0",
21+
"moment": "^2.17.1",
22+
"moment-timezone": "^0.5.11",
23+
"nodemon": "^1.11.0",
24+
"reload": "^1.1.0",
25+
"request": "^2.79.0",
26+
"serialize-javascript": "^1.3.0",
27+
"vue-server-renderer": "^2.1.8"
28+
},
29+
"devDependencies": {
30+
"axios": "^0.15.3",
31+
"babel-core": "^6.0.0",
32+
"babel-loader": "^6.0.0",
33+
"babel-plugin-transform-es2015-destructuring": "^6.19.0",
34+
"babel-plugin-transform-object-rest-spread": "^6.20.2",
35+
"babel-preset-es2015": "^6.0.0",
36+
"cross-env": "^3.0.0",
37+
"css-loader": "^0.25.0",
38+
"extract-text-webpack-plugin": "^2.0.0-beta.5",
39+
"file-loader": "^0.9.0",
40+
"node-sass": "^4.1.1",
41+
"open": "0.0.5",
42+
"sass-loader": "^4.1.1",
43+
"style-loader": "^0.13.1",
44+
"vue": "^2.1.0",
45+
"vuex": "^2.1.1",
46+
"vue-loader": "^10.0.0",
47+
"vue-style-loader": "^1.0.0",
48+
"vue-template-compiler": "^2.1.0",
49+
"webpack": "^2.2.0-rc.3",
50+
"webpack-dev-middleware": "^1.9.0",
51+
"webpack-hot-middleware": "^2.14.0",
52+
"webpack-merge": "^2.3.1"
53+
}
54+
}

‎public/favicon.ico

3.76 KB
Binary file not shown.

‎server.js

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
require('dotenv').config({ silent: true });
2+
3+
const express = require('express');
4+
const app = express();
5+
const path = require('path');
6+
const fs = require('fs');
7+
const http = require('http');
8+
9+
app.use('/public', express.static(path.join(__dirname, 'public')));
10+
11+
app.get('/', (req, res) => {
12+
let template = fs.readFileSync(path.resolve('./index.html'), 'utf-8');
13+
res.send(template);
14+
15+
});
16+
17+
const server = http.createServer(app);
18+
19+
if (process.env.NODE_ENV === 'development') {
20+
const reload = require('reload');
21+
const reloadServer = reload(server, app);
22+
require('./webpack-dev-middleware').init(app);
23+
}
24+
25+
server.listen(process.env.PORT, function () {
26+
console.log(`Example app listening on port ${process.env.PORT}!`);
27+
if (process.env.NODE_ENV === 'development') {
28+
require("open")(`http://localhost:${process.env.PORT}`);
29+
}
30+
});

‎src/assets/Muli-Light.ttf

90.9 KB
Binary file not shown.

‎src/assets/Muli-Regular.ttf

92.1 KB
Binary file not shown.

‎src/assets/logo.png

12.9 KB
Loading

0 commit comments

Comments
 (0)