This application is an ASP.NET Core 2.0 application using a MS SQL Database to store the data of persons, and using the MVC pattern to seperate the applacation code in Models, Vievs and Controllers.
The application is made for demonstrate some of my skills as a Full Stack Developer and I did chose to use GIT and GitHub to get experience with these greats tools.
- Models
The model "MydbContext" are mapping the columns from the MS Database into the class members of the model "PersonTableCoreTwoJS" using EntityFramework. The two models can now be used in the controllers.
- Controllers
The controller "PersonTableCoreTwoJSApiController" are using the two models to get, put, post and delete data (CRUD) in the database as well as showing the data in the Views (UI) by handling API calls and sending and returning JSON Data.
- Views
The consuming parts of the Web API are done by making MVC Views containing AngularJS, ReactJS and jQuery as internal Web API clients. As an example by clicking the Angular API link in the menu, you will make a request to the "AngularAPIController" which will display the coresponding View Index.cshtml in the View folder called "AngularAPI". That View is the Angular Web API Client displaying JSON Dataset from the MS SQL Database.
In Addition to the Angular Web API Client there are clients made by React and jQuery.
The controller "PersonTableCoreTwoJSController" and the matching View in the View folder "and "PersonTableCoreTwoJS" are also making CRUD operations to the Database but are using Razor and MVC, and are not Web API Clients. Note: I only did use these Views and Controllers for testing everything was ready to make Web API Calls, and therefor I dont have have a link in the menu to these Controllers.
In VersionFourZero I have added a demo of the React toolchain known as Create React App allowing you to work at the React components, save and see the es5 output result in the browser as it will reload seconds after you save.
I have also added an Angular 6 demo made by the tool Angular CLI and here an es5 output bundle are created and ready for production as well as the React (es5 bundle).