Udemy, Coursera, 2U/edX Face Lawsuits Over Meta Pixel Use

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Build the original Instagram with React Native & Firebase

via Skillshare

Go to class Write review

This course may be unavailable.

Overview

In this course you we cover all the steps from creating an app in the command line all the way through to build an app very similar to the original Instagram.

  • We will start by quickly looking at how to use Firebase User Authorisation. Using email and password or Facebook login.

  • From here we will then cover the Firebase realtime database and look at how to set, update and delete data.

  • Next we look at fetching data from the database and look into the Firebase security rules and how to structure your firebase database, before we look into firebase storage.

  • Now it is time to start building a real app with these techniques. We will build an app based on the idea of the original Instagram, the next sections of the course will cover each step to create this app.

At Rusty Courses we regularly  update our courses with new & updated content to keep things fresh.

Enroll now and get started on your journey to build mobile app for both Android and iOS today!

Syllabus

  • Intro
  • Setup Firebase project
  • Setup React Native app
  • Connect firebase project to react app
  • Intro to firebase auth
  • Using email and pass to register user
  • Check if user is logged in and how to sign out
  • Using Facebook login
  • Using email and pass login with TextInput
  • Intro to firebase database
  • How to set, update and delete data in firebase
  • Fetch data from the database
  • Firebase security rules
  • Structure Firebase database
  • Intro to firebase storage
  • Intro to firebase storage securty rules
  • Create and setup app from the command line
  • Adding base components to each screen
  • Starting to setup the feed screen
  • Adding a FlatList to the feed screen
  • Adding some styling to our FlatList
  • Create Firebase project and connect to our app
  • Structure database for project
  • Begin to make calls to the database to fetch information
  • Update our FlatList to user data from our database
  • Add security rules to app (part one)
  • Add security rules to app (part two)
  • Check if user is logged in
  • Make sure user is logged in whilst creating Profile UI
  • Building out Profile UI
  • Creating our profile modal screen & adding back button
  • Adjust comment file & add button to open comment screen
  • Building the upload screen part one
  • Building the upload screen part two
  • Building the upload screen part three
  • Building the upload screen part four
  • Building the upload screen part five
  • Create function to process photo and add to feed
  • Update FlatList to display uploaded photos
  • Create component to show list of photos across different screens
  • Building comments screen part 1
  • Building comments screne part 2
  • Building comments screen part 3
  • Building comments screen part 4
  • Profile to fetch details from database
  • Add edit profile form to profile page
  • Create save profile function
  • New component to contain login and sign up
  • Add login and signup buttons to component
  • Create login and signup functions
  • Create user object and test signup function
  • Final adjustments to the app

Taught by

Rusty Zone

Reviews

Start your review of Build the original Instagram with React Native & Firebase

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.