CRUD Application Using ASP.NET MVC 5 and MongoDB

Why use MongoDB? It’s not a fad. It’s a need. I will not cover the advantages of MongoDB over other databases out there. Try this and you will find why.

In this article, I will give you the basics on creating CRUD application using ASP.NET MVC and MongoDB.  Take it from the basics and you can grow it into Enterprise Application.

Implementing Breadcrumb In AngularJS Using Angular-UI-Router

One of the thing that is missing in AngularJS API is the auto mapping of breadcrumb that is tied with the routes. If you are concern about UX that implements breadcrumb in Angular then this is a good example.

Creating CRUD Application with ASP.NET MVC 5, AngularJS, BootStrap 3, and HTML5 - Part 5

Part 5 – The Add, Update, and Delete modules

We already have the skeleton and we already tried pulling data from the back end.  The next things would be easier. All we have to do is add more  functions to our existing modules.

Creating CRUD Application with ASP.NET MVC 5, AngularJS, BootStrap 3, and HTML5 - Part 4

Part 4 : Communicating with ASP.NET MVC

In order for AngularJS to get data from any backend server. It needs to use the http service.

Creating CRUD Application with ASP.NET MVC 5, AngularJS, BootStrap 3, and HTML5 - Part 3

Part 3 : Creating the Back End Using ASP.NET MVC

The are 2 ways we can pass data to and from ASP.NET MVC to Angular:
1. By BootStrapping = Using cshtml
2. By Angular $http Service = In this tutorial, we will use this.

Creating CRUD Application with ASP.NET MVC 5, AngularJS, BootStrap 3, and HTML5 Part 2

Part 2 – Preparing the views of the Contact Page using HTML5, BootStrap 3, and AngularJS.

Creating CRUD Application with ASP.NET MVC 5, AngularJS, BootStrap 3, and HTML5 - Part 1

The reason why many developers want to use AngularJS and BootStrap 3 on their application is to avail of the SPA features:
  • Avoid full page refresh that reloads resources from the server. 
  • Take advantage of client side caching and reduce traffic.
  • The support for responsive design.