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

KO | EN

gitlite — search

#javascript #react #ai #typescript #go #android #machine-learning #deep-learning #docker #nodejs #kubernetes #vue #mcp #ios

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

(★ 201)

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

File Explorer

Download Latest Version (.zip)

- - FUNDING.yml
- FUNDING.yml
- - protractor.conf.js
  - tsconfig.e2e.json
- - browserslist
  - favicon.ico
  - index.html
  - karma.conf.js
  - main.ts
  - polyfills.ts
  - styles.css
  - test.ts
  - tsconfig.app.json
  - tsconfig.spec.json
  - tslint.json
- .editorconfig
- angular.json
- package-lock.json
- package.json
- README.md
- tsconfig.json
- tslint.json
- banner.png
- - appsettings.Development.json
  - appsettings.json
  - Program.cs
  - Startup.cs
  - WebGYM.csproj
- - app.config
  - DatabaseContext.cs
  - GenerateRecepitConcrete.cs
  - MemberRegistrationConcrete.cs
  - packages.config
  - PaymentDetailsConcrete.cs
  - PeriodMasterConcrete.cs
  - PlanMasterConcrete.cs
  - RenewalConcrete.cs
  - ReportsMaster.cs
  - RoleConcrete.cs
  - SchemeMasterConcrete.cs
  - UsersConcrete.cs
  - UsersInRolesConcrete.cs
  - WebGYM.Concrete.csproj
- - IGenerateRecepit.cs
  - IMemberRegistration.cs
  - IPaymentDetails.cs
  - IPeriodMaster.cs
  - IPlanMaster.cs
  - IRenewal.cs
  - IReports.cs
  - IRole.cs
  - ISchemeMaster.cs
  - IUsers.cs
  - IUsersInRoles.cs
  - WebGYM.Interface.csproj
- - DynamicExtensions.cs
  - MemberRegistration.cs
  - packages.config
  - PaymentDetails.cs
  - PeriodTB.cs
  - PlanMaster.cs
  - QueryParameters.cs
  - QueryParametersExtensions.cs
  - Role.cs
  - SchemeMaster.cs
  - Users.cs
  - UsersInRoles.cs
  - WebGYM.Models.csproj
- - AmountRequestViewModel.cs
  - AssignRolesViewModel.cs
  - GenerateRecepitRequestModel.cs
  - GenerateRecepitViewModel.cs
  - LoginResponse.cs
  - LoginViewModel.cs
  - MemberDetailsReportViewModel.cs
  - MemberRegistrationGridModel.cs
  - MemberRegistrationViewModel.cs
  - MemberRequest.cs
  - MonthWiseReportViewModel.cs
  - MonthwiseRequestModel.cs
  - PaymentDetailsViewModel.cs
  - PlanMasterViewModel.cs
  - RenewalReportRequestModel.cs
  - RenewalReportViewModel.cs
  - RenewalViewModel.cs
  - RoleViewModel.cs
  - SchemeMasterViewModel.cs
  - UsersViewModel.cs
  - WebGYM.ViewModels.csproj
  - YearwiseReportViewModel.cs
  - YearWiseRequestModel.cs
- WebGYM.sln
.gitattributes
.gitignore
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Info
Lowest Price Offer | Pay :- ₹ 200 For India Users https://imjo.in/QDdBze for getting database scripts.

Lowest Price Offer | Pay :- $ 3.00 here  https://payhip.com/b/vJ1L for getting database scripts.

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

## If you are looking for Complete ASP.NET CORE Project with Angular 7 Here is link for it 
[Link of Project](https://github.com/saineshwar/ASPNET-Core-Angular-7-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
- [x] 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](https://github.com/saineshwar/ASPNET-Core-Angular-7-Project/blob/master/Images/hqdefault.jpg)](https://www.youtube.com/watch?v=FV2MXOygDTM "Learn Angular")

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

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

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

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README