Skip to content

ASP.net core with angular 7 and sql on Microsoft SQL Server

License

Notifications You must be signed in to change notification settings

BohdanChernivtsi/Full-Stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ASPNET-Core-Angular-7-Project

Banner

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 2 parts

  1. ASP.NET Core with Angular CLI
  2. SQL server for database parts (Microsoft SQL Server)

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"

About Platform Used

Angular Version Used 7.0.4 and CLI version 7.0.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

External packages which are used in Angular Project

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

Credential

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

Username :- user
Password :- 123456

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

Username :- admin
Password :- 123456

Complete Project Structure

Banner

Angular Project Structure

Banner

Login Admin

Banner

Admin View

Banner

User View

Banner

Add Member

Banner

All Scheme

Banner

Add plan

Banner

All plans

Banner

Edit plan

Banner

Add role

Banner

All roles

Banner

Edit role

Banner

Add user

Banner

All users

Banner

Edit user

Banner

Change role

Banner

All assigned roles

Banner

Report in Excel

Banner

Members report

Banner

Year report

Banner

Year report in excel

Banner

Database screenshots

Banner

Banner

Banner

Banner

Banner

Banner

Banner

Banner

Banner

About

ASP.net core with angular 7 and sql on Microsoft SQL Server

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published