/Angular-7-Project-with-ASP.NET-CORE-APIS

Angular 7 Project with ASP.NET CORE APIS | Angular Project

Primary LanguageC#MIT LicenseMIT

Info

For free database scripts Email at saihacksoft@gmail.com and please like Repo else you can pay :- $ 2.00 here https://payhip.com/b/vJ1L for getting database scripts.

Angular 7 Project with ASP.NET CORE APIS (GYM PROJECT)

Banner

If you are looking for Complete ASP.NET CORE Project with Angular 7 Here is link for it

Link of Project

Getting Started

This project contains good features which are required in all project which are developed in industries nowadays. Let’s see what is this project all about, this project is a basic gym project which has 2 modules in it

  1. Admin end
  2. User end

Admin end

Let’s start with admin end first in this part admin has all right of applications master such as adding Users, Role, Scheme, Plan, and various reports such as month wise income and year wise income reports, all member reports and also has a renewal report which shows how much renewal are there for period admin choose.

User end

If you see User end where a User is a person who does work of registration of new members and collecting payment of membership. The user has limited access such user can register a new member and renew membership and see payment details of the member along with renewal date. The project has 3 parts

  1. Angular CLI which is on top of node js
  2. ASP.NET Core for APIS
  3. SQL server for database parts

Download Database of Project

Link to download :- https://payhip.com/b/vJ1L

About Platform Used

Angular Version Used 7.0.4 and CLI version 7.0.6

Microsoft Visual Studio Community 2017

Link to download Microsoft Visual Studio Community 2017: - https://visualstudio.microsoft.com/vs/

Microsoft SQL Server 2012

Link to download SQL Server Express: - https://www.microsoft.com/en-in/download/details.aspx?id=29062

Visual Studio Code

Link to download Visual studio code: - https://code.visualstudio.com/download

TypeScript Versions

tsc --version Version 3.1.6

External packages which are used in .Net Core Project

  1. JWT Token for Authentication of APIS
  2. Dapper ORM
  3. AutoMapper
  4. System.Linq.Dynamic.Core
  5. Swashbuckle.AspNetCore

External packages which are used in Angular Project

  1. @angular/material
  2. @ngx-bootstrap/datepicker

How To Run Both Projects side by side.

  1. First of all Clone repository to your local machine which have two project.
  2. Open "WebGYM.sln" under "WebGYM" Directory and Run Web API Project (API Run with default port "49749" or "5000" , Later on you can change this) which display all avaialble endpoint for API
  3. To Run Angular Project you have to Open Command Prompt with run as administrator
  4. cd "{FullDirectorypath}\Angular-7-Project-with-ASP.NET-CORE-APIS\gym-project"
  5. Install npm dependency by running "npm install" command
  6. In case if you have changed WebAPI Project running port then you need to change ApiEndPoint url in "environment\environment.ts" other wise skip this step.
  7. Final step run command ng serve or npm start which run on default port "4200"

Note : Run Visual studio, Visual Studio Code or Command Prompt as Administrator in windows system to avoide some issue.

Credential

=========== User ===========

Username :- user
Password :- 123456

=========== Admin ===========

Username :- admin
Password :- 123456

TODO

  • Initial Getting started project for Angular 7 and Web API Project with Authentication
  • User Friendly Error Handling for API and Angular App
  • Listout Most used and useful feature and functionality used in angular or API Project and explain how to use it for beginner.
  • List out Best Practice Points which should be extended in current project.

If you are new to Angular Must Watch Video How to Learn Angular in 1 hour

Learn Angular