Angular 5 and Firebase 4 : Create a Instagram-like portal

Angular 5 and Firebase 4 : Create a Instagram-like portal

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5 Hours | 837 MB

Angular, Firebase Database, Messaging, Hosting, Storage, Functions & Authentication

In this course, I’ll walk you through coding a entire Single Page Application using Angular + Firebase.

What you get out of this course is the experience of actually using these technologies in a real-life project.

You will be developing a instagram-like portal using the following technologies:

  • Firebase Database
  • Firebase Authentication
  • Firebase Functions
  • Firebase Hosting
  • Firebase Storage
  • Angular (v 5)
Table of Contents

None
1 Introduction
2 About our project

Data Design
3 Data Design in SQL World
4 Data Design in NoSQL Firebase World

Setup
5 GitHub Repo
6 Installing Angular-cli
7 Opening the Project
8 Quick note on Angular version
9 Installing Bootstrap

Navigation
10 First Component Header
11 Header component continued
12 Generating other components
13 Routing
14 Signup Login Forms
15 Route Guard

Firebase Authentication
16 Installing Firebase
17 Hiding Menu content
18 Sign-Up
19 Email Verification
20 Firebase Database
21 Notification System
22 Login Component
23 Angular Service User
24 Handling Logout
25 Angular EventEmitter

Firebase Storage
26 External Template Link
27 Firebase Storage
28 Associating images with users
29 MyPosts Section
30 Creating a Shared component
31 Completing MyPost Component
32 Sample Data
33 All Posts

Favorite Follow
34 Favorite an Image
35 Follow another user
36 Follow another user – continued
37 Favorites Section
38 Users Following Me

Firebase Functions
39 Fire Functions – Setup
40 First Function users following me
41 Slack

Firebase Cloud Messaging
42 FCM
43 Message Token
44 Receiving Notifications

Deployment
45 Deploying
46 Wrapping up