(Final) MarkBuchthal / BentonGreen _ mean-stack-1

.gitignore

@@ -1,3 +1,12 @@
+
+public/
+
+
+### OSX ###
+.DS_Store
+.AppleDouble
+.LSOverride
+
 # Logs
 logs
 *.log

Gulpfile.js

@@ -0,0 +1,3 @@
+
+var requireDir = require('require-dir');
+requireDir('./gulp/tasks', { recurse: true });

gulp/config.js

@@ -0,0 +1,35 @@
+var dest = './public';
+var src = './src';
+
+module.exports = {
+  javascript: {
+    src: src + '/app/**/*.js',
+    dest: dest + '/js/',
+    entryPoint: src + '/webpack-entry.js',
+    packedFile: 'packed.js'
+  },
+  sass: {
+    src: src + "/sass/**/*.{sass,scss}",
+    dest: dest + '/css/',
+    settings: {
+      indentedSyntax: true,
+    }
+  },
+  server: {
+    serverFile: '.server.js',
+    livereload: true,
+  },
+  index: {
+    src: src + '/app/index.html',
+    dest: dest + '/',
+  },
+  partials: {
+    src: [src + '/app/**/*.html', '!' + src + '/app/index.html'],
+    dest: dest + '/partials/'
+  },
+  production: {
+    cssSrc: dest + '/css/*.css',
+    jsSrc: dest + '/*.js',
+    dest: dest
+  }
+};

gulp/tasks/default.js

@@ -0,0 +1,5 @@
+
+var gulp = require('gulp');
+
+gulp.task('serve', ['sass', 'webpack', 'watch', 'server', 'index', 'partials']);
+gulp.task('default', ['sass', 'webpack', 'watch', 'server', 'index', 'partials']);

gulp/tasks/index.js

@@ -0,0 +1,7 @@
+var gulp = require("gulp");
+var config = require("../config").index;
+
+gulp.task("index", function() {
+  return gulp.src(config.src)
+  .pipe(gulp.dest(config.dest));
+})

gulp/tasks/partials.js

@@ -0,0 +1,7 @@
+var gulp = require("gulp");
+var config = require("../config").partials;
+
+gulp.task("partials", function() {
+  return gulp.src(config.src)
+  .pipe(gulp.dest(config.dest));
+})

gulp/tasks/sass.js

@@ -0,0 +1,17 @@
+
+var gulp = require("gulp");
+var sass = require("gulp-sass");
+var sourcemaps = require("gulp-sourcemaps");
+var handleErrors = require("../util/handleErrors");
+var autoprefixer = require("gulp-autoprefixer");
+var config = require("../config").sass;
+
+gulp.task("sass", function() {
+  return gulp.src(config.src)
+    .pipe(sourcemaps.init())
+    .pipe(sass(config.settings))
+    .on("error", handleErrors)
+    .pipe(sourcemaps.write())
+    .pipe(autoprefixer({ browsers: ["last 2 version"] }))
+    .pipe(gulp.dest(config.dest));
+});

gulp/tasks/serve.js

@@ -0,0 +1,11 @@
+
+var gulp = require("gulp");
+var config = require("../config").server;
+var server = require("gulp-express");
+
+gulp.task("server", function() {
+  server.run(["server.js"]);
+
+  // restart the server when it changes
+  gulp.watch(["server.js"], [server.run]);
+});

gulp/tasks/watch.js

@@ -0,0 +1,8 @@
+
+var gulp = require("gulp");
+var config = require("../config");
+
+gulp.task("watch", function() {
+  gulp.watch(config.javascript.src, ["jshint", "webpack"]);
+  gulp.watch(config.sass.src, ["sass"]);
+});

gulp/tasks/webpack.js

@@ -0,0 +1,14 @@
+
+var gulp = require("gulp");
+var config = require("../config").javascript;
+var webpack = require("webpack-stream");
+
+gulp.task("webpack", function (callback) {
+  return gulp.src(config.entryPoint)
+    .pipe(webpack({
+      output: {
+        filename: "packed.js",
+      }
+    }))
+    .pipe(gulp.dest(config.dest));
+});

gulp/util/handleErrors.js

@@ -0,0 +1,16 @@
+
+var notify = require("gulp-notify");
+
+module.exports = function() {
+
+  var args = Array.prototype.slice.call(arguments);
+
+  // Send error to notification center with gulp-notify
+  notify.onError({
+    title: "Compile Error",
+    message: "<%= error %>"
+  }).apply(this, args);
+
+  // Keep gulp from hanging on this task
+  this.emit("end");
+};

models/blog.js

@@ -0,0 +1,14 @@
+// Load required packages
+var mongoose = require("mongoose");
+
+// Define our teams schema
+var BlogSchema = new mongoose.Schema({
+  title: String,
+  content: String,
+  author: String,
+  date: { type: Date, default: Date.now },
+  comments: Number
+});
+
+// Export the Mongoose model
+module.exports = mongoose.model("Blog", BlogSchema);

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "mean-stack-1",
+  "version": "1.0.0",
+  "description": "Last week we focussed on JavaScript basics. This week we're going to build up a function web application. You'll be expected to build on knowledge you've already learned (semantic HTML, Sass instead of CSS, in addition to all of the Angular work we'll be doing) and produce a \"production-ready\" blog for your assignment this week.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mbuchthal/mean-stack-1.git"
+  },
+  "author": "Mark Buchthal",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/mbuchthal/mean-stack-1/issues"
+  },
+  "homepage": "https://github.com/mbuchthal/mean-stack-1#readme",
+  "dependencies": {
+    "angular": "^1.4.7",
+    "angular-route": "^1.4.7",
+    "body-parser": "^1.14.1",
+    "connect-livereload": "^0.5.3",
+    "express": "^4.13.3",
+    "gulp": "^3.9.0",
+    "gulp-autoprefixer": "^3.0.2",
+    "gulp-express": "^0.3.5",
+    "gulp-jshint": "^1.11.2",
+    "gulp-livereload": "^3.8.1",
+    "gulp-notify": "^2.2.0",
+    "gulp-sass": "^2.0.4",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-uglify": "^1.4.1",
+    "mongoose": "^4.1.10",
+    "require-dir": "^0.3.0",
+    "webpack": "^1.12.2",
+    "webpack-stream": "^2.1.1"
+  }
+}

public/index.html

@@ -0,0 +1,89 @@
+<!doctype html>
+<html lang="en" ng-app="blogapp">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Intelly Blog</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700|Ubuntu:400,300,700' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="css/main.css">
+  </head>
+  <body>
+    <header>
+      <a class="logo" href="">intelly</a>
+      <nav>
+        <ul>
+          <li><a href="">Home</a></li>
+          <li><a href="">Pages</a></li>
+          <li><a href="">Blog</a></li>
+          <li><a href="">Portfolio</a></li>
+          <li><a href="">Shortcodes</a></li>
+          <li><a href="">Features</a></li>
+          <li><a href="">Contact</a></li>
+        </ul>
+      </nav>
+    </header>
+    <section class="bloghead">
+      <h2>Blog</h2>
+      <p>The secular cooling that must someday overtake our planet has already gone far indeed with our neighbour. Its physical condition is still largely a mystery, but we know now that</p>
+    </section>
+    <nav class="nav_blog">
+      <ul class="list_blog_tree">
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+      </ul>
+      <ul class="list_blog_socialmedia">
+        <li>Share</li>
+        <li><a href="" class="icon-twitter"></a></li>
+        <li><a href="" class="icon-facebook"></a></li>
+        <li><a href="" class="icon-google"></a></li>
+        <li><a href="" class="icon-pinterest"></a></li>
+      </ul>
+    </nav>
+  <main ng-view></main>
+    <div class="add-blog_container">
+      <a href="#/blogs/new" class="add-blog">Add a new blog</a>
+    </div>
+    <section class="learnmore">
+      <h2>Serene in their assurance of their empire over matter</h2>
+      <p>No one would have believed in the last years of the nine-teenth century that this world was being watched keenly and closely by intelligences great than man's</p>
+      <div class="learnmore_container">
+        <a href="">Contact Now</a>
+        <a href="">Learn More</a>
+      </div>
+    </section>
+    <section class="contact">
+      <div class="contact_info">
+        <address>2319 Hilltop Haven Drive<br> Upper Greenwood Lake, NJ 07421</address>
+        <p>
+          <a href="tel:6624076792" class="contact_phone">662-407-6792</a>
+          <a href="mailto:contact@intell.com" class="contact_email">contact@intell.com</a>
+        </p>
+      </div>
+      <ul class="links_media">
+        <li class="svg_twitter"><a href="" class="links_media_item">Follow Us</a></li>
+        <li class="svg_facebook"><a href="" class="links_media_item ">Like Us</a></li>
+        <li class="svg_linkedin"><a href="" class="links_media_item">Connect</a></li>
+      </ul>
+    </section>
+    <footer>
+      <p>&#169;2014 Intelly LLC</p>
+      <ul>
+        <li>
+          <a href="">Terms Of Use</a>
+        </li>
+        <li>
+          <a href="">Privacy Policy</a>
+        </li>
+        <li>
+          <a href="">Contact</a>
+        </li>
+        <li>
+          <a href="">Support</a>
+        </li>
+      </ul>
+    </footer>
+    <script src="js/packed.js"></script>
+  </body>
+</html>