James, Peter, Sredna - MEAN Stack 1 (Final)

.gitignore

@@ -25,3 +25,8 @@ build/Release
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
+
+# Compiled Public Directory
+public/js/
+public/styles/
+public/views/

Gulpfile.js

@@ -0,0 +1,16 @@
+/*
+  gulpfile.js
+  ===========
+  Rather than manage one giant configuration file responsible
+  for creating multiple tasks, each task has been broken out into
+  its own file in gulp/tasks. Any files in that directory get
+  automatically required below.
+  To add a new task, simply add a new task file that directory.
+  gulp/tasks/default.js specifies the default set of tasks to run
+  when you run `gulp`.
+*/
+
+var requireDir = require('require-dir');
+
+// Require all tasks in gulp/tasks, including subfolders
+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 + '/app/entry.js',
+    packedFile: 'packed.js'
+  },
+  sass: {
+    src: src + "/styles/**/*.{sass,scss}",
+    dest: dest + '/styles/',
+    settings: {
+      indentedSyntax: true, // Enable .sass syntax!
+    }
+  },
+  fonts: {
+      src: src + '/styles/fonts/*',
+      dest: dest + "/styles/fonts/",
+      extensions: ['woff2', 'woff', 'eot', 'ttf', 'svg']
+  },
+  html: {
+    src: src + "/app/**/*.html",
+    dest: dest + "/views/"
+  },
+  server: {
+    serverFile: './server.js'
+  },
+  production: {
+    cssSrc: dest + '/styles/*.css',
+    jsSrc: dest + '/*.js',
+    dest: dest
+  }
+};

gulp/tasks/default.js

@@ -0,0 +1,3 @@
+var gulp = require('gulp');
+
+gulp.task('default', ['sass', 'fonts', 'html', 'webpack', 'watch', 'serve']);

gulp/tasks/fonts.js

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

gulp/tasks/html.js

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

gulp/tasks/sass.js

@@ -0,0 +1,16 @@
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var autoprefixer = require('gulp-autoprefixer');
+var handleErrors = require('../util/handleErrors');
+var config = require('../config').sass;
+
+gulp.task('sass', function () {
+  return gulp.src(config.src)
+    .pipe(sass(config.settings))
+    .pipe(autoprefixer({
+        browsers: ['last 2 versions'],
+          cascade: false
+        }))
+    .on('error', handleErrors)
+    .pipe(gulp.dest(config.dest));
+});

gulp/tasks/serve.js

@@ -0,0 +1,9 @@
+var gulp = require('gulp');
+var config = require('../config').server;
+var server = require("gulp-express");
+
+gulp.task('serve', ['sass', 'fonts', 'html', 'webpack', 'watch'], function() {
+  server.run([config.serverFile]);
+
+ gulp.watch([config.serverFile], [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, ['webpack']);
+  gulp.watch(config.sass.src, ['sass']);
+  gulp.watch(config.html.src, ['html']);
+});

gulp/tasks/webpack.js

@@ -0,0 +1,13 @@
+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: config.packedFile
+    }
+  }))
+  .pipe(gulp.dest(config.dest));
+});

gulp/util/handleErrors.js

@@ -0,0 +1,15 @@
+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');
+};

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": "server.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pstrum/mean-stack-1.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/pstrum/mean-stack-1/issues"
+  },
+  "homepage": "https://github.com/pstrum/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-livereload": "^3.8.1",
+    "gulp-notify": "^2.2.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-run": "^1.6.11",
+    "gulp-sass": "^2.0.4",
+    "mongoose": "^4.1.10",
+    "node-bourbon": "^4.2.3",
+    "require-dir": "^0.3.0",
+    "webpack": "^1.12.2",
+    "webpack-stream": "^2.1.1"
+  }
+}

public/index.html

@@ -0,0 +1,80 @@
+<!doctype html>
+<html class="no-js" lang="en" ng-app="intellyApp">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Intelly</title>
+    <meta name="description" content="Intelly is your blogging template engine">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:300,400|Ubuntu:400,300,500,700,300italic' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="/styles/main.css">
+  </head>
+  <body>
+    <header>
+      <h1>intelly</h1>
+      <nav class="top-navigation">
+        <ul>
+          <li><a href="#">Home</a></li>
+          <li><a href="#">Pages</a></li>
+          <li><a href="#/blog-post/">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>
+    <main>
+      <section class="title-description">
+        <h1>Blog</h1>
+        <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 even in its equatorial</p>
+      </section>
+      <section id="blog-scroll" class="blog">
+        <div class="breadcrumbs">
+
+          <h1><a href="#">Home</a> &middot; <a href="#/blog-post/">Blog</a></h1>
+            <ul>
+              <li><a href="#/blog-post/new">New Blog Post</a></li>
+              <li>Share</li>
+              <li><span class="icon-twitter"></span></li>
+              <li><span class="icon-facebook"></span></li>
+              <li><span class="icon-google-plus"></span></li>
+              <li><span class="icon-pinterest"></span></li>
+            </ul>
+        </div>
+
+        <div ng-view>
+        </div>
+
+      </section>
+      <section class="feature">
+        <h1>Serene in their assurance of their empire over matter</h1>
+        <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 greater than man’s</p>
+        <a href="contact" class="button-big button-feature">Contact now</a>
+        <a href="learn" class="button-big button-feature">Learn more</a>
+      </section>
+    </main>
+    <footer>
+      <div class="footer-top">
+        <a href="http://maps.google.com" target="_blank">2319 Hilltop Haven Drive<br>Upper Greenwood Lake, NJ 07421</a>
+        <div class="email-phone">
+          <a type="tel" href="tel:6624076792">662-407-6792</a><br>
+          <a type="email" href="mailto:contact@intell.com">contact@intell.com</a>
+        </div>
+        <ul class="social-link-footer">
+          <li><a href="http://twitter.com" target="_blank" class="icon-circle"><span class="footer-icon icon-twitter"></span><span class="icon-text">Follow us</span><span></a></li>
+          <li><a href="http://facebook.com" target="_blank" class="icon-circle"><span class="footer-icon icon-facebook"></span><span class="icon-text">Like us</span></a></li>
+          <li><a href="http://linkedin.com" target="_blank" class="icon-circle"><span class="footer-icon icon-linkedin-with-circle"></span><span class="icon-text">Connect</span></a></li>
+        </ul>
+       </div>
+      <ul class="footer-bottom">
+        <li>&copy; 2014 Intelly LLC</li>
+        <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>

server.js

@@ -0,0 +1,107 @@
+// CALL THE PACKAGES WE NEED TO SET UP THE SERVER
+// ==============================================
+// Require Express Module
+var express = require('express');
+// Declare the variable 'app', create the Express Application
+var app = express();
+// bodyParser to expose various factories to create middlewares
+var bodyParser = require('body-parser');
+// Parses urlencoded bodies;  Extend option chooses parsing with qs library
+app.use(bodyParser.urlencoded({ extended: true }));
+// Parses json
+app.use(bodyParser.json());
+// Grab the mongoos package
+var mongoose = require('mongoose');
+// Connect to our local database, named directory auto generated
+mongoose.connect('mongodb://localhost/blogs');
+// Grab the blog post model
+var Blog = require('./src/app/models/blog-post');
+// Environment defined port, OR 8000
+var port = process.env.PORT || 8000;
+// Use built in middleware; pass the directory; use absolute path to directory to serve
+app.use(express.static(__dirname + '/public'));
+// API ROUTES - How our app responds to client requests
+// ==========
+// Get instance of Express Router to handle all our routes
+var router = express.Router();
+// All routes prefixed with /api; add to middleware stack
+app.use('/api', router);
+// Something to happen every time a request is sent to our API
+router.use(function(req, res, next) {
+    console.log('Something is HAPPENING...');
+    // make sure we go to the next routes and don't stop here.
+    next();
+});
+// Define the home route (accessed at GET localhost:8000/api)
+router.get('/', function(req, res) {
+    res.json({ message: 'YOLO! WELCOME to our API!' });
+});
+// app.route('/').get(function(req, res) {
+//    res.sendFile('index.html', {root: __dirname + '/public'});
+//  });
+// To handle multiple routes for the same URI; all req that end in /blog-post
+router.route('/blog-post')
+  // Create a POST (accessed at POST localhost:8000/api/posts)
+  .post(function(req, res) {
+    // New instance of the Blog model
+    var blog = new Blog();
+    // Set the post title, author, content (comes from request)
+    blog.title = req.body.title;
+    blog.author = req.body.author;
+    blog.content = req.body.content;
+    // Save the post and check for errors
+    blog.save(function(err) {
+      if (err)
+          res.send(err);
+      res.json(blog);
+    });
+  })
+  // Get ALL the posts; chaining routes together...
+  .get(function(req, res) {
+    Blog.find(function(err, blogs) {
+      if (err)
+        res.send(err);
+      res.json(blogs);
+    });
+  });
+// To handle all requests that have a :blog_id--accessed through body-parser
+router.route('/blog-post/:blog_id')
+  // Get a post with that id (accessed at GET localhost:8000/api/blog-post/:blog_id)
+  .get(function(req, res) {
+    Blog.findById(req.params.blog_id, function(err, blog) {
+      if (err)
+        res.send(err);
+      res.json(blog);
+    });
+  })
+  // Update a post (accessed at PUT localhost:8080/api/blog-post/:blog_id)
+  .put(function(req, res) {
+    // Use the blog model to find the post we want
+    Blog.findById(req.params.blog_id, function(err, blog) {
+      if (err)
+        res.send(err);
+      // Update the post info
+      blog.title = req.body.title;
+      blog.author = req.body.author;
+      blog.content = req.body.content;
+      // Save the post!
+      blog.save(function(err) {
+        if (err)
+          res.send(err);
+        res.json(blog);
+      });
+    });
+  })
+  // Delete a post (accessed at DELETE localhost:8080/api/blog-post/:blog_id)
+  .delete(function(req, res) {
+    Blog.remove({
+      _id: req.params.blog_id
+    }, function(err, blog) {
+        if (err)
+          res.send(err);
+        res.json(blog);
+    });
+  });
+// START THE SERVER
+app.listen(port);
+console.log("Fancy stuff on port " + port);