ToDo Manager With AngularJS and Web API Part I
In the previous few blog posts we have been exploring the different aspects of AngularJS framework. So far we have seen, how to setup a basic AngularJS application,basic data binding, basing list binding and handling user interaction with clic event. If you have missed out on any of those, following are the direct URLs to these posts.
- Getting Started With AngularJs
- Basic Data Binding With AngularJs
- Binding JSON list in AngularJS
- Handling Click Event In AngularJS
From this post onwards,we will shift geras a bit and try to build a fully functional AngularJS application. We will be using SQL Server as our database and Asp .Net WEB API as a means of communication to the server. In the process of building this application, we will examine following concepts of AngularJS.
- Setting up a basic AngularJS application
- Setting up routes with ngRoute
- Defining/Accessing settings across the application
- Creating AngularJS services
- Creating Views and Controllers
For the application itself, we will build a simple ToDo Manager. The application will have two main entities Project and Task. And user should be able to Create/Update/Delete Projects and Tasks. Associate tasks with the project and update status of the tasks. So let's get started. This will be a mutli series posts as we are starting to build evenryting from scratch.
Create The Basic Application
Let's start by creating a simple Empty web project in Visual Studio. Select MVC and Web API in the dialog to have those packages added automatically as part of the skeleton project.