search

lewiskg / movie-history

0 stars 0 forks source link

Project Setup #1

Closed zoeames closed 6 years ago

zoeames commented 6 years ago

Story

As a developer, in order to DO ALL THE THINGS, I need the project to be setup

Acceptance Criteria

When the developer clones the repo Then they should have all the files they need

zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:17 GMT

Folders:

  1. db
  2. javascripts
  3. lib
  4. sass
zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:18 GMT

Files: javascripts/main.js lib/Grunfile.js index.html .gitignore package.json sass/_colors.scss sass/main.scss

zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:18 GMT

main.js - include console.log("works?")

zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:19 GMT

Gruntfile.js

module.exports = function(grunt) {

  grunt.initConfig({
    browserify: {
      js: {
          src: ['../javascripts/main.js'],
          dest: '../dist/app.js'
      }
    },
    sass: {
      dist: {
        files: {
          '../styles/main.css': '../sass/main.scss'
        }
      }
    },
    jshint: {
      options: {
        predef: [ "document", "console", "$" ],
        esnext: true,
        globalstrict: true,
        globals: {},
        browserify: true
      },
      files: ['../javascripts/**/*.js']
    },
    watch: {
      options: {
        livereload: true,
      },
      sass: {
        files: ['../sass/**/*.scss'],
        tasks: ['sass']
      },
      javascripts: {
        files: ['../javascripts/**/*.js'],
        tasks: ['jshint', 'browserify']
      }
    }
  });

  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);

  grunt.registerTask('default', ['jshint', 'browserify', 'sass', 'watch']);
};
zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:22 GMT

index.html -

  1. include boilerplate html
  2. links
    • bootstrap css
    • styles/main.css
  3. scripts
    • jquery.min.js
    • bootstrap.min.js
    • dist/app.js
zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:23 GMT

.gitignore

zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:25 GMT

npm init

npm install grunt grunt-contrib-jshint matchdep grunt-contrib-watch grunt-sass grunt-browserify jshint-stylish --save-dev

npm install jquery bootstrap --save
zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:26 GMT

_colors.scss - include variable red. set it to red

zoeames commented 6 years ago

Comment by zoeames Monday Oct 16, 2017 at 04:55 GMT

Comment by zoeames Monday Oct 16, 2017 at 04:53 GMT

Comment by zoeames Monday Oct 16, 2017 at 01:27 GMT

main.scss

lewiskg commented 6 years ago

done