Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saineshwar/angular-7-project-with-asp.net-core-apis
Angular 7 Project with ASP.NET CORE APIS | Angular Project
https://github.com/saineshwar/angular-7-project-with-asp.net-core-apis
angular angular7 apis asp-net-core dotnet-core dotnetcore project
Last synced: about 1 hour ago
JSON representation
Angular 7 Project with ASP.NET CORE APIS | Angular Project
- Host: GitHub
- URL: https://github.com/saineshwar/angular-7-project-with-asp.net-core-apis
- Owner: saineshwar
- License: mit
- Created: 2019-01-19T17:58:46.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-01-23T09:19:52.000Z (about 4 years ago)
- Last Synced: 2025-01-23T00:06:56.205Z (8 days ago)
- Topics: angular, angular7, apis, asp-net-core, dotnet-core, dotnetcore, project
- Language: C#
- Homepage:
- Size: 12.8 MB
- Stars: 200
- Watchers: 29
- Forks: 133
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
## 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
[](https://www.youtube.com/watch?v=FV2MXOygDTM "Learn Angular")