Angular 2 + Web API + Entity Framework + SQL Server + DI + Responsive Design
- This application is deployed in Amazon AWS
- Steps for Deployment........
- The Application Url is http://.........../
- Products, Categories, Suppliers
- Order Management
- Microsoft ASP.NET MVC 5.0
- Microsoft .NET Framework 4.5
- Microsoft Web API 2.0
- Angular 2.4
- Bootstrap
- Castle Windsor for Dependency Injection
- Entity Framework v6.0
- AutoMapper v6.0.2
- SQL Server Data Tools for Database Comparison and Deployment
- Unit Testing Framework
- Moq for mocking DI Objects
- Angular 2 - HighCharts
- Redux
Dashboard | Products | Suppliers | Customers | Categories | Orders | Search |
---|---|---|---|---|---|---|
Main Dashboard | List of Products | List of Suppliers | List of Customers | View Categories | View Orders | Search Criteria Screen |
Top Menu | View Product | View Supplier | View Customer | View Category | View Order | Search Results |
Side Menu | Edit Product | Edit Supplier | Edit Customer | Edit Category | Edit Order | Navigate Search Results |
Dashboard Items | Add Product | Add Supplier | Add Customer | Add Category | Add Order |
Environment Setup
- Visual Studio 2015
- SQL Server 2014
- NodeJS v7.9.0
- npm v4.5.0
- Typescript v2.2.1
- Gulp
Project Setup
- Clone or Download the Project
- Open the Project in Visual Studio
- Goto MultiProjectSample Folder from command prompt and execute following commands
- bower install
- npm install
- Now project should have resolved and compiled successfully
- Create a empty database in SQL Server with name OrderMgmt
- Publish the database by right clicking on database project in visual studio
- Change the database name/user name/password in the web.config file