Posts

Showing posts from 2016

(4/6) Mean Stack: AngularJs & Mongodb connection

Image
Creating Connections with MongoDb
Angularjs is most popular single page development client side JavaScript Framework developed by google. 


With the reference to github address book, I have created the following to files inside the public folder. 

This file is responsible to doing all CRUD operations. 
For database I have used Mongodb, very popular no SQL database. I have used mongoose client side NPM package for make a connection & provide all the supported functions. To more about the mongoose please read its documentation http://mongoosejs.com/.
For Server.js file responsible to handle all the CRUD operations.

I have a created the series of lesson in YouTube that talk about all mean stack development. 
Mean Stack: Introduction to Mean StackMean Stack: Setup Your machineMean Stack: NPM install dependency and Start Development Mean Stack: Angular & Mongodb connectionMean Stack: Address Book App CURD OperationMean Stack: Publish & deploy code in Heroku &  MLab


(5/6) Mean Stack: Address Book App CURD Operation

Image
With the Reference of github Mean Stack  address book example. I have created the model file

Once this model created and connection is established, I have created server.js file in next steps, I used the express for creating various routs and write a code using mongoose NPM package to make connection with mongodb. It has various function which communicated to the mongodb for all the transactions(CRUD).


To know more about the implementation please check my YouTube video as provided the link at the bottom of the page.  You can download the code from github
The serios of lesson that convers from begin to end Mean Stack development. Mean Stack: Introduction to Mean StackMean Stack: Setup Your machineMean Stack: NPM install dependency and Start Development Mean Stack: Angular & Mongodb connectionMean Stack: Address Book App CURD OperationMean Stack: Publish & deploy code in Heroku &  MLab

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

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

Mean Stack: Introduction to Mean StackMean Stack: Setup Your machineMean Stack: NPM install dependency and Start Development Mean Stack: Angular & Mongodb connectionMean Stack: Address Book App CURD OperationMean Stack: Publish & deploy code in Heroku &  MLabWhat 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 f…

(1/6) Mean Stack: Introduction to Mean Stack

Image
Why this Post?
I have created the series of lesson in youtube, where I am going to include all the basic ingredients to develop your app. What is going to cover this lesson to you know, lets start our conversation on this point. 

Mean Stack: Introduction to Mean StackMean Stack: Setup Your machineMean Stack: NPM install dependency and Start Development Mean Stack: Angular & Mongodb connectionMean Stack: Address Book App CURD OperationMean Stack: Publish & deploy code in Heroku &  MLab Introduction  This is very simple Address book example using Mean Stack. This project for entry level developer who just started to learn Mean Stack.
What is Mean stack? "Mean stack" is collection of 4 technology together.  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 …

(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 HerokuInstall Heroku toolbeltOpen 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://devcenter.heroku.com/articles/getting-started-with-nodej…

(2/6) Mean Stack : Setup Your machine

Image
Before start development in mean stack app its developer responsibility to installed all the required software dependency. 

Mean Stack: Introduction to Mean StackMean Stack: Setup Your machineMean Stack: NPM install dependency and Start Development Mean Stack: Angular & Mongodb connectionMean Stack: Address Book App CURD OperationMean Stack: Publish & deploy code in Heroku &  MLab
lets start and build your machine!!!   Text editor (IDE) To writing code quickly and more accurately the IDE take most important part. So choose your IDE that best in the market either you can purchase it or buy it your own.
WebStrom NotePad++

      2. NodeJs (Install server):  Mean stack development we used NodeJS server, to install the server please download the Nodejs form it official site. Once installation complete please do cross check your installation. To check the installation quickly navigate to the command prompt and type 'node'


3. Install Mongodb (Database server) : Install mong…

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 develop. Nod…