React Native bootcamp – Build an Instagram Clone w/Firebase

React Native bootcamp - Build an Instagram Clone w/Firebase

React Native bootcamp – Build an Instagram Clone w/Firebase

Understand React Native with Redux, Firebase, Firestore, Firebase Storage, and React Navigation and hybrid Social Media

Language: english

Note: 4.2/5 (187 notes) 41,486 students

Instructor(s): Antoni Skup

Last update: 2021-02-07

What you’ll learn

  • Create real-world native apps using React Native
  • Understand the terminology and concepts of Redux
  • Make truly reusable components that look great
  • Get up to speed with React design principles and methodologies
  • Discover mobile design patterns used by experienced engineers
  • Interact with real time databases such as Firestore

 

Requirements

  • Minimum coding experience

 

Description

Understand React Native with Redux, Firebase, Firestore, Firebase Storage, and React Navigation and build a fully functioning Social Media app.

In my course, I am going to teach you React Native and we are together going to build a hybrid Instagram-like social media, All the resources needed I am going to upload for the students to see. We are going to learn how to use Redux, React Native, Expo, Firebase Firestore and how to bring our desired social media app!

We will begin by creating a login and signup screens with the integration with modern firebase firestore. Later we begin to create other funcitons that a modern social media has – liking posts, commenting (which I will upload soon) and uploading pictures to our feed. We are also going to integrate real time chat as well as other functions that social media platforms have. If you want to request a feature feel free to leave a comment and I will upload a lecture on how to implement it ASAP! 😀 and as always I will answer every question instantly!

After every major lecture I upload the resources, so you can feel free  to use them for any refrence you need

I hope you don’t mind little issues with my mic – after two lectures they were fixed! Thanks for considering my course, see you around 😛


 

Who this course is for

  • Coders that want to know how to write social networks

 

Course content

  • Introduction
    • Welcome to my Course! Pretty chill intro 😉
    • Introduction p2
    • Introduction (old version – forgive me for the stutter haha)
    • Setting up the environment
    • Installing the virtual android device (optional)
    • Our first Hello World
    • Conditional rendering
  • Our shared drive
    • Link to the shared drive
  • Login and Signup – Introduction to Firebase and React Navigation
    • Firebase setup
    • React Navigation setup
    • Setting up redux
    • Login screen design
    • Accessing the reducers – Explenation in the following video
    • Explaining reducers
    • Signup page
    • Signing up with our firestore db
    • Login and get user back-end functions
    • Welcome screen, Login finish
  • Tab bar and Post screens
    • Tab Navigator setup
    • Upload File – Post screen
    • Upload File – uri compressing
    • Photos array
    • Styling the photos array
    • Removing images p1
    • Removing images p2
    • Design improvement p1
    • Design improvement p2
    • Uploading post Screen
    • Bug fix after pressing the “Post” button
  • Home Page
    • Uploading profile photos
    • Uploading post to the Database
    • Getting all the posts from the database
    • Creating the post component
    • Styling the post component p1
    • Styling the post component p2
    • Creating a custom header for the home page
    • Liking posts
    • Saving Posts
    • Displaying saved videos
  • Profile Screen
    • Getting the profile from the database
    • Styling the retrieved data
    • Following users
    • One Post and Bug Fixes of the Profile Screen
    • Navigating to our own profile
    • Profile Screen bug fix + challenge for you
    • Solution to the challenge
    • Profile Screen Bug Fix (Follow causes the screen to flick)
  • Messages
    • Messages screen

 

React Native bootcamp - Build an Instagram Clone w/FirebaseReact Native bootcamp - Build an Instagram Clone w/Firebase

Time remaining or 455 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate