In this tutorial I’m building an Angular 11 project from scratch and I’m using public API to create this interesting game database website.
I will show you how to set up a project using Angular CLI, how to create components, how to make http calls, how to implement http interceptors, how to make services.
Also you will learn how to set up routes for your application, how to pass data with routes and between the components, we will use pipes for data formatting, varius Angular directives like ngFor and ngIf and so much more!!!
So stay until the end of it and you’ll be in a good place to have a great foundation for building angular applications.
0:00 Intro
0:47 Installation of project and modules
4:15 Search bar component
6:00 Styling search bar
9:23 Creating home component
9:50 Creating routes
14:55 Syling home component
18:45 Creating http service
21:10 Creating typescript models
23:30 Creating http interceptors
28:00 Implementing home component
35:00 Implementing sort menu
40:15 Creating details component
47:00 Styling details component
57:30 Details tabs component
1:02:20 Styling tabs
1:04:30 Imlementing data into tabs
1:10:25 Final review
*************************************************************
Prerequisite:
Node package manager and Angular CLI
*************************************************************
Full code = https://github.com/bobangajicsm/ng-video-games-db
API details = https://rapidapi.com/accujazz/api/rawg-video-games-database/details
************************************************************
Linkedin: link https://www.linkedin.com/in/slobodan-gajic/
Twitter: https://twitter.com/_SlobodanGajic_
Portfolio: https://bobangajicsm.github.io/portfolio/
************************************************************
Source