Coder Social home page Coder Social logo

mean-gulp's Introduction

MEAN - GULP

==================================

  1. Use Mongodb Compass GUI or use CMD mongo
  2. write command in cmd : use "database_name"
  3. add collection : { nama_lengkap: 'Suryo Galih Kencana Harianja', status_pegawai: 'Kontrak', lama_bekerja: '10 Tahun' }
  4. Use The Structure File "If No Problem For Structure Files"
  5. Node Modules Dependencies and DevDependencies Need To Install :
    • angular/
    • angular-moment/
    • angular-route/
    • body-parser/
    • bootstrap/
    • browser-sync/
    • del/
    • express/
    • gulp/
    • gulp-cache/
    • gulp-cssnano/
    • gulp-if/
    • gulp-imagemin/
    • gulp-nodemon/
    • gulp-sass/
    • gulp-uglify/
    • gulp-useref/
    • jquery/
    • moment/
    • mongoose/
    • run-sequence/

Dependencies and DevDep above were not listed in my package.json and not install locally project, coz i won't to consume too much drive space and my inet quota. So I just install all once to my global dependencies an link all dependencies i need to my project using command : "npm link [name of installed global dependencies]" in project root

  1. Run Project using command line "gulp" in project root.
  2. Base Interface web using port :3000 and api form using port :3591.
  3. The port can be overide manual in app/controllers/CRUDController.js or override from gulpfile.js using script bellow : gulp.task('browserSync', ['nodemon'], function () { browserSync.init(null, { proxy: "http://localhost:5000", files: ["app/**/."], port: 7000 }); });
  4. The API form mongoDB and expressJS in app/src/server.js file

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.