ajeetx / angular6-webapi

login, authentication, CRUD operation with angular 6 and .net core2 webapi

angular6-webapi

Login, token-authentication, CRUD operation with angular 6 and .net core2 webapi

---

Repository codebase

The repository consists of projects as below:

#	Project Name	Project detail	location
1	WebApi	Asp.Net Core2 WebApi as backend	backend folder
2	client	angular 6 as front end	client folder

Setup detail

Environment Setup detail

1. Download/install Dotnet core2.1 to run webapi project

2. Download/install Node to run the angular6-webapi [front end] application

3. Download/install Visual Studio Code to run/debug the applications

4. Download/install git bash and configure witin Visual Studio Code by putting "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe" in the users setting.Please verify the location of the bash.exe and modify as per its location

5. In Visual Studio Code, please install a C# extension

Project Setup detail

1. Please clone or download the repository from github

2. Create a folder and place the downloaded repository

3. Open Visual Studio Code and open the newly created folder where the repository is downloaded

(a) To start the backend webapi service

1. Within Visual Studio Code open a command terminal by pressing the computer keyboard buttons Control and ~

2. Within the terminal, browse to folder location named as "backend"

3. Restore the dependencies, type dotnet restore on the terminal

4. Run the webapi project, type dotnet run on the terminal

5. Webapi [backend service] shall start running on port 5000

(b) To start the front end application

1. Within Visual Studio Code Open a new command terminal

2. Within the new terminal, browse to the folder named as "client"

3. To restore the dependencies, type npm install on the terminal

4. Now in order to run the angular6-webapi (front end application), type npm start on the terminal

5. Shortly a browser shall open with url as localhost:5050

For better experience please chrome browser

Support or Contact

Having any trouble? Please read out this documentation or contact and to sort it out.