Build the original Instagram with React Native & Firebase

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Register & Setup

Lecture 1: Register for Firebase and setup project

Lecture 2: Create React Native app on the command line

Chapter 3: Connect Firebase To App & Login Code Examples

Lecture 1: Connect Firebase project to React Native app

Lecture 2: Intro to Firebase Authentication

Lecture 3: Using email and password to register user

Lecture 4: Check if user is logged in & how to log user out.

Lecture 5: Using Facebook login (Including Facebook app setup)

Lecture 6: Using email and password login with TextInput

Chapter 4: Firebase Database

Lecture 1: Intro to Firebase Database

Lecture 2: How to set, update and delete data in Firebase

Lecture 3: Fetching and retrieving data from the Firebase database

Lecture 4: How to use Firebase security rules

Lecture 5: Structuring your Firebase database

Chapter 5: Firebase Storage

Lecture 1: Intro to Firebase storage

Lecture 2: Quick overview of Firebase storage security rules

Chapter 6: Start Building The Photo Feed App

Lecture 1: Setup and create app from the command line

Lecture 2: Adding base components to each screen

Lecture 3: Starting to setup the feed screen

Lecture 4: Adding a FlatList to the feed screen

Lecture 5: Adding some styling to the FlatList

Lecture 6: Create Firebase project and connect to our app

Lecture 7: Structure database for project

Lecture 8: Begin to make calls to the database to fetch information

Lecture 9: Update our FlatList to user data from our database

Chapter 7: Add Security & Authentication to Photo Feed App

Lecture 1: Adding security rules part one

Lecture 2: Adding security rules part two

Lecture 3: Check if user is logged into the app

Chapter 8: Begin to create Photo Feed app UI

Lecture 1: Make sure user is logged in whilst creating profile interface

Lecture 2: Building out the profile screen UI

Lecture 3: Creating our profile modal screen & adding back button

Lecture 4: Adjust comments screen & add button to open comment screen

Lecture 5: Building Upload screen – Part One

Lecture 6: Building Upload Screen – Part Two

Lecture 7: Upload function changes

Lecture 8: Building Upload Screen – Part Three

Chapter 9: Continue to create Photo Feed App

Lecture 1: Add caption input area to upload screen

Lecture 2: Adjust upload photo function to get uploaded image url.

Lecture 3: Create function to process photo and add to feed

Lecture 4: Update FlatList to display uploaded photos

Lecture 5: Create component to show list of photos across different screens

Chapter 10: Adding a comments section to each photo

Lecture 1: Building comments screen part one

Lecture 2: Fetch comments from Firebase

Lecture 3: Add post comment form to the screen

Lecture 4: Create function to post comments to the database

Chapter 11: Adding user authorisation & other adjustments

Lecture 1: Update profile to show user details from Firebase

Lecture 2: Add edit profile form to profile page

Lecture 3: Create save profile function

Lecture 4: New component to contain login and sign up

Lecture 5: Add login and signup buttons to component

Lecture 6: Create login and signup functions

Lecture 7: Create user object and test signup function

Lecture 8: Final adjustments to the app

Chapter 12: React Navigation Version 3

Lecture 1: React Navigation Version 3