Angular 16 Tutorial - Fetch Data Using the provideHttpClient
In this Angular 16 tutorial, we will learn how to work with provideHttpClient in standalone components in Angular to have access to HTTP client requests.
The provideHttpClient() API is the ...way to go if you work with module-less Angular applications and don’t want to use NgModule.
This tutorial provides a step-by-step guide on how to integrate the provideHttpClient() into your module-less, standalone application with no skipped steps.
At the end of the tutorial, we will consume the JSON Placeholder REST API to ensure our integrations work perfectly.
Timestamps for Angular 16 Tutorial - Fetch Data Using the provideHttpClient:
Introduction / Project Demo- 00:00
00:45 Generate a new Standalone app in Angular 16
01:50 Generate an Angular service
02:25 Configuration for the provideHttpClient
03:42 Intergate the JSON Placeholder REST API
07:25 Consume the REST API
10:26 Display Data in a table
12:20 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
The provideHttpClient() API is the ...way to go if you work with module-less Angular applications and don’t want to use NgModule.
This tutorial provides a step-by-step guide on how to integrate the provideHttpClient() into your module-less, standalone application with no skipped steps.
At the end of the tutorial, we will consume the JSON Placeholder REST API to ensure our integrations work perfectly.
Timestamps for Angular 16 Tutorial - Fetch Data Using the provideHttpClient:
Introduction / Project Demo- 00:00
00:45 Generate a new Standalone app in Angular 16
01:50 Generate an Angular service
02:25 Configuration for the provideHttpClient
03:42 Intergate the JSON Placeholder REST API
07:25 Consume the REST API
10:26 Display Data in a table
12:20 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
Angular 16 Tutorial - Fetch Data Using the provideHttpClient
In this Angular 16 tutorial, we will learn how to work with ...
In this Angular 16 tutorial, we will learn how to work with provideHttpClient in standalone components in Angular to have access to HTTP client requests.
The provideHttpClient() API is the ...way to go if you work with module-less Angular applications and don’t want to use NgModule.
This tutorial provides a step-by-step guide on how to integrate the provideHttpClient() into your module-less, standalone application with no skipped steps.
At the end of the tutorial, we will consume the JSON Placeholder REST API to ensure our integrations work perfectly.
Timestamps for Angular 16 Tutorial - Fetch Data Using the provideHttpClient:
Introduction / Project Demo- 00:00
00:45 Generate a new Standalone app in Angular 16
01:50 Generate an Angular service
02:25 Configuration for the provideHttpClient
03:42 Intergate the JSON Placeholder REST API
07:25 Consume the REST API
10:26 Display Data in a table
12:20 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
The provideHttpClient() API is the ...way to go if you work with module-less Angular applications and don’t want to use NgModule.
This tutorial provides a step-by-step guide on how to integrate the provideHttpClient() into your module-less, standalone application with no skipped steps.
At the end of the tutorial, we will consume the JSON Placeholder REST API to ensure our integrations work perfectly.
Timestamps for Angular 16 Tutorial - Fetch Data Using the provideHttpClient:
Introduction / Project Demo- 00:00
00:45 Generate a new Standalone app in Angular 16
01:50 Generate an Angular service
02:25 Configuration for the provideHttpClient
03:42 Intergate the JSON Placeholder REST API
07:25 Consume the REST API
10:26 Display Data in a table
12:20 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
How to Connect Your Domain Name to Your WordPress Website on Go High Level
In this tutorial, I will show you how to configure your Domain name in ...
In this tutorial, I will show you how to configure your Domain name in Go High Level.
I'll show you how to purchase a domain, and also how to configure ...the A record and TXT record required for your domain name to reflect on your WordPress website.
Chapters on How to Connect Your Domain Name to Your WordPress Website on Go High Level:
0:00 Introduction
01:15 Purchasing a Domain
05:35 Adding the Domain on Go High Level
05:50 Adding the A record and TXT Record
07:00 Verifying the Records
09:45 Outro
✔️ HighLevel 14-Day Free Trial: https://www.gohighlevel.com/?fp_ref=thecodeangle[+] Show More
I'll show you how to purchase a domain, and also how to configure ...the A record and TXT record required for your domain name to reflect on your WordPress website.
Chapters on How to Connect Your Domain Name to Your WordPress Website on Go High Level:
0:00 Introduction
01:15 Purchasing a Domain
05:35 Adding the Domain on Go High Level
05:50 Adding the A record and TXT Record
07:00 Verifying the Records
09:45 Outro
✔️ HighLevel 14-Day Free Trial: https://www.gohighlevel.com/?fp_ref=thecodeangle[+] Show More

active
How to Migrate Your WordPress Website into Go High Level
In this tutorial, I will show you how to migrate your WordPress ...
In this tutorial, I will show you how to migrate your WordPress website into Go High Level.
I'll show you how to export your existing WordPress website and then import ...the website into the GoHighLevel dashboard. After watching this video, your WordPress site will be up and running on Go High Level.
Chapters on How to Migrate Your WordPress Website into Go High Level:
0:00 Introduction
01:39 Breaking down the Go High-Level dashboard
05:09 Exporting the external WordPress website
08:07 Importing the WordPress Website Into Go High Level
09:43 Outro
✔️ HighLevel 14-Day Free Trial: https://www.gohighlevel.com/?fp_ref=thecodeangle[+] Show More
I'll show you how to export your existing WordPress website and then import ...the website into the GoHighLevel dashboard. After watching this video, your WordPress site will be up and running on Go High Level.
Chapters on How to Migrate Your WordPress Website into Go High Level:
0:00 Introduction
01:39 Breaking down the Go High-Level dashboard
05:09 Exporting the external WordPress website
08:07 Importing the WordPress Website Into Go High Level
09:43 Outro
✔️ HighLevel 14-Day Free Trial: https://www.gohighlevel.com/?fp_ref=thecodeangle[+] Show More

active
Angular 16 Tutorial | 3 Important Angular CLI Commands
In this Angular 16 version tutorial, we will learn about some ...
In this Angular 16 version tutorial, we will learn about some important commands of Angular as well as how to use the Angular cli which means the (Command-line Interface) ...in Angular 16. This tutorial keeps you up to speed with some of the latest changes in Angular 16
Timestamps for Angular 16 Tutorial | 3 Important Angular CLI Commands:
Introduction / Project Demo- 00:00
00:21 Generating a standalone component
01:55 Environment variable command
02:40 Inline style and inline template command
05:15 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
Timestamps for Angular 16 Tutorial | 3 Important Angular CLI Commands:
Introduction / Project Demo- 00:00
00:21 Generating a standalone component
01:55 Environment variable command
02:40 Inline style and inline template command
05:15 Outro
Checkout my MEAN Stack course on Educative:
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
![How to Easily Install WordPress Locally on Your Machine (A Practical Guide for Beginners) [2023]](https://i.ytimg.com/vi/ZWc_7gxjEY4/mqdefault.jpg)
active
How to Easily Install WordPress Locally on Your Machine (A Practical Guide for Beginners) [2023]
In This Tutorial, We will learn How to install WordPress on our local ...
In This Tutorial, We will learn How to install WordPress on our local machine by using a virtual machine. We will do this through a platform called Bitnami.
We will ...install WordPress locally by installing the virtual box software and downloading the virtual machine for WordPress packaged by Bitnami.
This video will show you one of the easiest ways to install WordPress locally on your computer, without having to pay for hosting or a domain name!
🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀 on How to Easily Install WordPress Locally on Your Machine (A Practical Guide for Beginners) [2023] 0:00 Intro
01:41 Download Virtual Machine for WordPress
03:22 Install Virtual Box
13:08 Outro
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
Follow on Social ♥♥♥♥♥♥
https://twitter.com/thecodeangle
https://github.com/desoga10
https://dev.to/desoga[+] Show More
We will ...install WordPress locally by installing the virtual box software and downloading the virtual machine for WordPress packaged by Bitnami.
This video will show you one of the easiest ways to install WordPress locally on your computer, without having to pay for hosting or a domain name!
🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀 on How to Easily Install WordPress Locally on Your Machine (A Practical Guide for Beginners) [2023] 0:00 Intro
01:41 Download Virtual Machine for WordPress
03:22 Install Virtual Box
13:08 Outro
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
Follow on Social ♥♥♥♥♥♥
https://twitter.com/thecodeangle
https://github.com/desoga10
https://dev.to/desoga[+] Show More

active
How to Deploy a MEAN (Angular & Node.js) Stack Application using Render and Netlify
In this tutorial, we are going to set up and deploy a MEAN(MongoDB, ...
In this tutorial, we are going to set up and deploy a MEAN(MongoDB, Express.js, Angular, Node.js) Stack web application from scratch using Netlify for the frontend deployment and Render for ...the backend deployment.
Netlify is a cloud computing company that offers a development platform that includes building, deploying, and serverless backend services for web applications and dynamic websites.
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, a global CDN, DDoS protection, private networks, and auto deploys from Git.
Timestamps for How to Deploy a MEAN (Angular & Node.js) Stack Application using Render and Netlify:
Introduction - 00:00
01:39 - Hosting the backend on Render
07:10 - Hosting the frontend on Netlify
18:39 - Conclusion
Checkout my New MEAN Stack Interactive Course on Educative Inc. :
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
GitHub Repo for Frontend:
https://github.com/desoga10/Avatar-MEAN--frontend
GitHub Repo for Backend:
https://github.com/desoga10/Avatar-MEAN--backend
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle[+] Show More
Netlify is a cloud computing company that offers a development platform that includes building, deploying, and serverless backend services for web applications and dynamic websites.
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, a global CDN, DDoS protection, private networks, and auto deploys from Git.
Timestamps for How to Deploy a MEAN (Angular & Node.js) Stack Application using Render and Netlify:
Introduction - 00:00
01:39 - Hosting the backend on Render
07:10 - Hosting the frontend on Netlify
18:39 - Conclusion
Checkout my New MEAN Stack Interactive Course on Educative Inc. :
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
GitHub Repo for Frontend:
https://github.com/desoga10/Avatar-MEAN--frontend
GitHub Repo for Backend:
https://github.com/desoga10/Avatar-MEAN--backend
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle[+] Show More

active
Build an Avatar Gallery App using the MEAN Stack and Cloudinary | MongoDB, Express, Angular, Node.js
This is full Stack Web Development Tutorial made for Absolute ...
This is full Stack Web Development Tutorial made for Absolute Beginners in 2023. In this tutorial, we made use of different JavaScript technologies like MongoDB, Express.js, Angular, and Node to ...create an Avatar uploads application. The combination of these technologies is regarded as the MEAN stack.
We also made use of a service called Cloudinary to save our image. At the end of this tutorial, you should have a fundamental knowledge of how to create a full-stack application using the MEAN Stack.
Timestamps for Avatar Upload Application using the MEAN Stack and Cloudinary:
Project Demo- 00:00
05:11 - What is the Mean Stack?
09:04 - Creating a New Angular Project
10:50 - Boostrap 5
11:45 - Angular Components
14:05 - Navbar
16:50 - UI Design
18:45 - Angular Router Configuration
22:20 - Creating the Backend Project
23:25 - Installing the npm Packages
25:35 - Creating the Project Structure
27:00 - MongoDB Atlas setup
38:00 - Connecting to MongoDB Using Mongoose
43:45 - Configuring the Model
47:30 - Cloudinary Configuration
52:40 - Creating the Multer Middleware
58:40 - Creating REST API routes with Express
1:39:20 - Creating the Angular models
1:42:38 - Angular Services
1:43:45 - Consy=uming the REST APIs
2:38:35 - Conclusion
Checkout my New MEAN Stack Interactive Course on Educative Inc. :
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
GitHub Repo for Frontend:
https://github.com/desoga10/Avatar-MEAN--frontend
GitHub Repo for Backend:
https://github.com/desoga10/Avatar-MEAN--backend
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
We also made use of a service called Cloudinary to save our image. At the end of this tutorial, you should have a fundamental knowledge of how to create a full-stack application using the MEAN Stack.
Timestamps for Avatar Upload Application using the MEAN Stack and Cloudinary:
Project Demo- 00:00
05:11 - What is the Mean Stack?
09:04 - Creating a New Angular Project
10:50 - Boostrap 5
11:45 - Angular Components
14:05 - Navbar
16:50 - UI Design
18:45 - Angular Router Configuration
22:20 - Creating the Backend Project
23:25 - Installing the npm Packages
25:35 - Creating the Project Structure
27:00 - MongoDB Atlas setup
38:00 - Connecting to MongoDB Using Mongoose
43:45 - Configuring the Model
47:30 - Cloudinary Configuration
52:40 - Creating the Multer Middleware
58:40 - Creating REST API routes with Express
1:39:20 - Creating the Angular models
1:42:38 - Angular Services
1:43:45 - Consy=uming the REST APIs
2:38:35 - Conclusion
Checkout my New MEAN Stack Interactive Course on Educative Inc. :
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack
GitHub Repo for Frontend:
https://github.com/desoga10/Avatar-MEAN--frontend
GitHub Repo for Backend:
https://github.com/desoga10/Avatar-MEAN--backend
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
Live FIFA World Cup Score Application, with React and Axios | Using Rapid API
Live FIFA World Cup Score Application, with React and Axios | Using ...
Live FIFA World Cup Score Application, with React and Axios | Using the Rapid API
In this video, we are going to learn how to make a FIFA World Cup Score ...Application using react js step by step with no step skipped. We will make use of the Rapid API platform to set up our REST API, while also making use of Axios to consume the REST API. Basically, we will learn how to:
+ Set up environmental variables in React
+ Consume a REST API in React using Axios
+ Make use of Hooks in React
+ Integrate query parameters in a REST API
Timestamps
Introduction / Project Demo- 00:00
02:52 - Create a new React project
05:-05 - Integrating the UI
06:22 - Installation of necessary packages
07:02 - Set up the REST API using Rapid API
10:55 - Consume the REST API
24:24 - Integrate React Date Picker
34:55 - Outro
GitHub Repo:
https://github.com/desoga10/world-cup-scores
Rapid API FIFA 2022 Schedule and Stats Documentation:
https://rapidapi.com/kwik-api-kwik-api-default/api/fifa-2022-schedule-and-stats
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
In this video, we are going to learn how to make a FIFA World Cup Score ...Application using react js step by step with no step skipped. We will make use of the Rapid API platform to set up our REST API, while also making use of Axios to consume the REST API. Basically, we will learn how to:
+ Set up environmental variables in React
+ Consume a REST API in React using Axios
+ Make use of Hooks in React
+ Integrate query parameters in a REST API
Timestamps
Introduction / Project Demo- 00:00
02:52 - Create a new React project
05:-05 - Integrating the UI
06:22 - Installation of necessary packages
07:02 - Set up the REST API using Rapid API
10:55 - Consume the REST API
24:24 - Integrate React Date Picker
34:55 - Outro
GitHub Repo:
https://github.com/desoga10/world-cup-scores
Rapid API FIFA 2022 Schedule and Stats Documentation:
https://rapidapi.com/kwik-api-kwik-api-default/api/fifa-2022-schedule-and-stats
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
How to Build a CRUD Application by using Angular and Google Sheets
In this Angular and Google Sheets CRUD tutorial, I go over how to ...
In this Angular and Google Sheets CRUD tutorial, I go over how to create a CRUD application by making use of Angular on the frontend and Google Sheets Document on ...the backend as a database. We will make use of a third-party service REST API called sheet.best to integrate the process.
Timestamps for How to Build a CRUD Application by using Angular and Google Sheets:
Introduction / Project Demo- 00:00
02:26 - Creating a new project
02:54 - Setting up the Google Sheets Documents
04:50 - Setting up Sheet.best
07:21 - Generating the components
08:18 - Design the components
18:06 - Setting up the services
28:12 - Configuring the Routing
30:30 - Consuming the REST API
1:06:22 - Outro
GitHub Repo:
https://github.com/desoga10/ng-google-sheet-crud
Sheet.best Documentation:
https://docs.sheet.best/?javascript#quickstart
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
Timestamps for How to Build a CRUD Application by using Angular and Google Sheets:
Introduction / Project Demo- 00:00
02:26 - Creating a new project
02:54 - Setting up the Google Sheets Documents
04:50 - Setting up Sheet.best
07:21 - Generating the components
08:18 - Design the components
18:06 - Setting up the services
28:12 - Configuring the Routing
30:30 - Consuming the REST API
1:06:22 - Outro
GitHub Repo:
https://github.com/desoga10/ng-google-sheet-crud
Sheet.best Documentation:
https://docs.sheet.best/?javascript#quickstart
Support the channel:
buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
Working with Nested Data in React Material UI Data Grid Tutorial | Export, Paging, Filtering, Sort
In this tutorial, we create a dynamic data table using the Data Grid ...
In this tutorial, we create a dynamic data table using the Data Grid in Material UI, using a REST API called JSON Placeholder. The data we work with is nested ...and we are able to extract the necessary data and display it on the page.
Also, we implement extra functionalities like Export, Sorting, Paging, and Pagination.
This tutorial is beginner-friendly and very easy to follow.
Timestamps (Nested Data in React Material UI Data Grid Tutorial | Export, Paging, Filtering, Sort):
Intro - 00:00
00:45 - Create New React Project
01:27 - Set up and Installation of Material UI and Material Ui Data Grid
04:12 - Integrating REST API using Fetch in React
07:20 - Integrating the Data Grid in Material UI
20:10 - Outro
Material UI Documentation: https://mui.com/x/react-data-grid/getting-started
JSON Placeholder Page: https://jsonplaceholder.typicode.com/
Source Code:
Pending
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle[+] Show More
Also, we implement extra functionalities like Export, Sorting, Paging, and Pagination.
This tutorial is beginner-friendly and very easy to follow.
Timestamps (Nested Data in React Material UI Data Grid Tutorial | Export, Paging, Filtering, Sort):
Intro - 00:00
00:45 - Create New React Project
01:27 - Set up and Installation of Material UI and Material Ui Data Grid
04:12 - Integrating REST API using Fetch in React
07:20 - Integrating the Data Grid in Material UI
20:10 - Outro
Material UI Documentation: https://mui.com/x/react-data-grid/getting-started
JSON Placeholder Page: https://jsonplaceholder.typicode.com/
Source Code:
Pending
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle[+] Show More

active
React Firebase CRUD Crash Course | Creating a Task Manager Application
In this crash course, you will learn how to use React and Firebase to ...
In this crash course, you will learn how to use React and Firebase to create a full-stack Task Manager CRUD application. Some of the things we did in this crash ...course include:
* Implementing CRUD functionality using the Firestore database.
* Making use of Modular imports from the Firebase API
* using Run Transaction to do Batch Write to the Firestore database
* Time Stamp in Firebase
Timestamps for (React Firebase CRUD Crash Course | Creating a Task Manager Application):
Introduction- 00:00
02:20 - Setting up Firebase/Firestore
06:18 - Create a new React App
09:15 - Folder Structure
10:26 - Firebase Installation
10:45 - Integrate Firebase Configuration Settings
14:14 - Integrating Bootstrap 5
14:54 - Designing the User Interface
24:25 - Fetching Data from Firestore
33:35 - Adding Data to Firestore
46:40 - Deleting Data from Firestore
51:09 - Update Data in Firestore
1:02:32 - Integrate Run Transaction
1:19:20 - Implement Timestamp
1:24:30 - Outro
GitHub Repo:
Starter Template: https://github.com/desoga10/task-manager-design
Complete Code: https://github.com/desoga10/task-manager-complete
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
* Implementing CRUD functionality using the Firestore database.
* Making use of Modular imports from the Firebase API
* using Run Transaction to do Batch Write to the Firestore database
* Time Stamp in Firebase
Timestamps for (React Firebase CRUD Crash Course | Creating a Task Manager Application):
Introduction- 00:00
02:20 - Setting up Firebase/Firestore
06:18 - Create a new React App
09:15 - Folder Structure
10:26 - Firebase Installation
10:45 - Integrate Firebase Configuration Settings
14:14 - Integrating Bootstrap 5
14:54 - Designing the User Interface
24:25 - Fetching Data from Firestore
33:35 - Adding Data to Firestore
46:40 - Deleting Data from Firestore
51:09 - Update Data in Firestore
1:02:32 - Integrate Run Transaction
1:19:20 - Implement Timestamp
1:24:30 - Outro
GitHub Repo:
Starter Template: https://github.com/desoga10/task-manager-design
Complete Code: https://github.com/desoga10/task-manager-complete
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More

active
Create a Shopping Cart Using Angular and Local Storage with PayPal Checkout
In this tutorial, we created a shopping cart by using Angular and ...
In this tutorial, we created a shopping cart by using Angular and Local Storage. We are also able to implement a checkout functionality by using PayPal.
Timestamps for (Create ...a Shopping Cart Using Angular and Local Storage with PayPal Checkout):
Introduction- 00:00
00:10 - Project Demo
03:03 - Creating a new project
03:50 - Project Setup
04:48 - Shopping Cart Data Configuration
10:55 - Route Configuration
13:30 - Setting up Bootstrap 5
14:05 - Designing the UI
15:39 - Integrating the Service Functions
22:43 - Integrating the Service
49:09 - Implement Checkout and Payment Page
1:03:55 - Creating the Success Page
1:06:25 - Outro
GitHub Repo:
https://github.com/desoga10/ng-shopping-cart
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
Timestamps for (Create ...a Shopping Cart Using Angular and Local Storage with PayPal Checkout):
Introduction- 00:00
00:10 - Project Demo
03:03 - Creating a new project
03:50 - Project Setup
04:48 - Shopping Cart Data Configuration
10:55 - Route Configuration
13:30 - Setting up Bootstrap 5
14:05 - Designing the UI
15:39 - Integrating the Service Functions
22:43 - Integrating the Service
49:09 - Implement Checkout and Payment Page
1:03:55 - Creating the Success Page
1:06:25 - Outro
GitHub Repo:
https://github.com/desoga10/ng-shopping-cart
Support the channel:
https://www.buymeacoffee.com/thecodeangle
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤[+] Show More
Load More