This Example's basic focus is, realtime implementation of the Angular code, I have just started it but focus is to implement Complete Project Exmaple:
- Register
- Login
- JWT Authentication
- CRUD operation Examples
- Language Support
- Use of shared module
Download or clone the above repositiory on your local machine.
https://github.com/nitin27may/AngularWebApi.git
Latest Nodejs and NPM
Command for check version of node and npm (if installed)
node -v
npm -v
Folder Structure:
-
Change connection string details in your config files (For SQL Server)
-
Add user name and password for sending Email for reset password. (In web Config)
-
Update seed data for login if you want to changes username and password for login in
-
Install below Visual Studio Extension for Webpack Task run (It will help to run Application in debug mode)
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebPackTaskRunner
-
Navigate to WebApi folder And run below commands in order to run the App
npm install
- And for running the App
npm start
-
Run Visual Studio
-
Make sure that server base url is same on which port visual studio is working (Or where the service is hosted) in below file
- Angular - The web framework used
- PRIMENG - We used the datatable from primeng
- ng-xbootstrap - Bootstrap Components build with Angular
- ngx-translate - Used for implementation for translation
- ng2-toasty - Toast messages for alert etc.