SinglePage Application with .net MVC and AgularJs

Question

Please provide step by step solution for beginner  

Technical Requirements:

Server side: ASP.NET MVC

Client side: Angularjs

Database: DON’T USE.

User xml or static list to save data temporarily

 

Functional Requirements:

• SPA – create single page application
• All request should be async. No page refresh should happen
• Two links on page:
  Employee Detail
  Department Detail
• In Employee Detail:
  Option to save Employee name, Location
  In same page saved Employee list should be shown in grid
• In Department Detail:
  Option to save Department name, Description
• No edit, update, delete option required