1) Project Setup

[ghost]

Setup

Story

One group member will need to create the initial files and link them, so that other members can pull down and start coding.

Acceptance Criteria

When The members of Papaphobia need to get the setup files for the Chatty project Then Each member will navigate to ...Workspace/modern-js/group-projects directory on their machine And git clone this repository into that directory

Technical Notes

• index.html


  • add HTML boilerplate
  • add Bootstrap CDN
    • <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  • add link to main.css
    • <link rel="stylesheet" href="./styles/main.css">
  • add jQuery script
    • <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>
  • add app.js script
    • <script src="./dist/app.js"></script>

• .gitignore


  • .DS_Store
  • lib/node_modules
  • dist/

• javascripts/


  • main.js


• lib/


  • .eslintrc.json

• db/

  {
  "env": {
  "es6": true,
  "node": true,
  "browser": true
  },
  "rules": {
  "arrow-spacing": ["error", { "before": true, "after": true }],
  "block-spacing": ["error", "always"],
  "camelcase": ["error", { "properties": "always" }],
  "comma-dangle": ["error", "always"],
  "eol-last": "error",
  "eqeqeq": ["error", "always", { "null": "ignore" }],
  "indent": [
    "error",
    2,
    {
      "SwitchCase": 1,
      "VariableDeclarator": 1,
      "outerIIFEBody": 1,
      "MemberExpression": 1,
      "FunctionDeclaration": { "parameters": 1, "body": 1 },
      "FunctionExpression": { "parameters": 1, "body": 1 },
      "CallExpression": { "arguments": 1 },
      "ArrayExpression": 1,
      "ObjectExpression": 1,
      "ImportDeclaration": 1,
      "flatTernaryExpressions": false,
      "ignoreComments": false
    }
  ],
  "key-spacing": ["error", { "beforeColon": false, "afterColon": true }],
  "keyword-spacing": ["error", { "before": true, "after": true }],
  "no-console": ["error",{ "allow": ["error", "log"] }],
  "no-debugger": "error",
  "no-mixed-spaces-and-tabs": "error",
  "no-multiple-empty-lines": ["error", { "max": 1, "maxEOF": 0 }],
  "no-redeclare": "error",
  "no-tabs": "error",
  "no-trailing-spaces": "error",
  "no-unreachable": "error",
  "no-undef": "error",
  "no-unused-vars": [
    "error",
    { "vars": "all", "args": "none", "ignoreRestSiblings": true }
  ],
  "no-var": "error",
  "prefer-const": "error",
  "quotes": [
    "error",
    "single",
    { "avoidEscape": true, "allowTemplateLiterals": true }
  ],
  "semi": ["error", "always"],
  "space-before-blocks": ["error", "always"],
  "space-before-function-paren": ["error", "always"],
  "space-in-parens": ["error", "never"],
  "space-infix-ops": "error",
  "spaced-comment": ["error", "always"],
  "template-curly-spacing": ["error", "never"],
  "yoda": ["error", "never"]
  }
  }

• lib/

  • 
Gruntfile.js


    
    module.exports = function (grunt) {
    grunt.initConfig({
    browserify: {
    js: {
    src: ['../javascripts/main.js',],
    dest: '../dist/app.js',
    },
    },
    eslint: {
    options: {
    configFile: '.eslintrc.json',
    },
    src: ['../javascripts/**/*.js',],
    },
    watch: {
    options: {
    livereload: true,
    },
    javascripts: {
    files: ['../javascripts/**/*.js',],
    tasks: ['eslint', 'browserify',],
    },
    },
    });

  grunt.loadNpmTasks('grunt-browserify'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('gruntify-eslint');

  grunt.registerTask('default', ['eslint', 'browserify', 'watch',]); };

• styles/


  • main.css

• imgs/

[zoeames]

In order to test that your setup works you need to do the grunt installs and run grunt error free. Combine this ticket and #10 in the same PR