Student Information System - AngularJS , ASP.NET API, C#

Web based application the student information system is a small application that allows user to register and login to view information about a particular student and can perform several actions like

  1. Login and register to the application
  2. View students 
  3. Add new student
  4. Delete a particular student
  5. Update user information

Screen Shot


Project architecture

routing.js, config.js and app.js allow the application to route from one partial view to another and config.js is used to save all the endpoint needed to access the API.  


For separation of concerns, in the solution panel separate partial views, controller and services in different directories and reference it in index.html to enable angular to load all the files required




Login process


login.html

LoginController.js

Using $resource from AngularJS to make an API call and response  with a user details model

UserViewModel and UserDetailsViewModel



Using Unity for repository pattern


Home page


home.html

HomeController.js

Make an API get response to get a list/ array of all student


Student details


studentDetails.html and studentDetailsController.js



Add student


API call to save student details


Save student details and education details


search student


User Setting

 SettingController.js
 Setting.html


Please donate and support at https://www.paypal.me/Rajcoomar

Comments

  1. Hey, would you mind if I share your blog with my twitter group? There’s a lot of folks that I think would enjoy your content. Please let me know. Thank you.
    angularjs training in chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

C# Windows Form : PetCare

Fake Call Android Application

Car Wash System vb.net