(3/6) Mean Stack: NPM install dependency and Start Development

NodeJS having a package manager tool, its help the developer to manage its package. The NPM manger.

  • Mean Stack: Introduction to Mean Stack
  • Mean Stack: Setup Your machine
  • Mean Stack: NPM install dependency and Start Development 
  • Mean Stack: Angular & Mongodb connection
  • Mean Stack: Address Book App CURD Operation
  • Mean Stack: Publish & deploy code in Heroku &  MLab

    • What is NPM?

    NPM is the package manager for JavaScript. Find, share, and reuse packages of code from hundreds of thousands of developers — and assemble them in powerful new ways.
    you need not to install NPM separate it comes with Nodejs binaries. So before start i will recommend you please read the NPM documentation.

    Install dependency using NPM

    As I am assuming you have already setup your environment. Once you setup next step to install the dependency as  per your requirement, I have installed following dependency as per my requirement as mentioned below in package.json file

    you can check it out my Address Book Project files in my github repository. you need not to be again just use mine and copy the file in root of your project and run "NPM install". All the dependency installed in your local. To learn more about NPM please go through the NPM documentation.

    Start your server

    To create the API, I have used Express, Fast, unopinionated, minimalist web framework for Node.js. Same as IIS in windows. To start your server write the following lines of code to start listen to port number as specified.

     In this Lesson, I have cover mentioned below topics

    1. About NPM: Node package manager
    2. Install dependency using NPM
    3. Create server.js file
    4. Create user interface of address book



    Comments

    Post a Comment

    Popular posts from this blog

    Mean Stack Address Book

    Image
    Mean Stack Development: Address Book This is very simple Address book example using Mean Stack. This project for entry level developer who just started to learn Mean Stack. Today's world is full of JavaScript. In this mean stack we developed fully JavaScript development start to end.As we know Mean stands for M: Mongodb, E: Express, A: Angular and N: nodejs. All it Self are very popular and support JavaScript for development and deployment. Mean: A complete stack for Javascript, comprised of MongoDB, Express, Angular, and Node. MongoDB: MongoDB for a schema-optional, "NoSQL" data store - perfectly suited for working with JSON data.  Express: Express is a minimal and flexible node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications.  AngularJS: AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to
    Read more

    (6/6) Mean Stack: Publish & deploy code in Heroku & MLab

    Image
    Deploy Your code on Cloud (Mlab & Heroku) Once you done with your testing, next part to deploy your code on production. Before you need to check the various  Cloud service provider. List it down your requirement and check the with various could service provide and compare rates and services. Once all the comparison done next step tot start publish your app. In this example, I have used Mlab (database service provider) and HeroKu (application service provider) that full fill my option and used there free service platform. MLAB Create account on Mlab : https://mlab.com/signup/   Create free database on Mlab .500 GB.  Create Collection  Create User by providing user name and password.  Heroku Create Account Heroku Install Heroku toolbelt Open command prompt and start using Heroku toolbelt. gitHub also used for deployment as a part of Herokuu toolbelt. I used this documentation for deployment. For more details read about deployment https://d
    Read more

    (2/2) NPM List of Development web Server: WebServer Example

    Image
    This post related to my web server series name types of development web servers. This series I will cover all/best development web servers.   Webserver (small in size less options) local-web-server (put your current working directory) Lite-server http-server Live-server Express Hapi budo Browsersync webpack-dev-server This will help you to understand and compare the best web server that will suites your need. The development cycle, we need to take care most of the stuff. Like hot reloading or live reloading. In this video I have explained the various options with example. I hope you like this. You may also like my previous post on this  (1/2) NPM List of Development web Server
    Read more