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

3.35 (213 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
46,590
students
12.5 hours
content
Feb 2021
last update
$49.99
regular price

What you will 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

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! :D 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 :P


Content

Introduction

Welcome to my Course! Pretty chill intro ;)
Introduction p2
Introduction (old version - forgive me for the stutter haha)
Setting up the environment
Our first Hello World
Conditional rendering

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

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)

Screenshots

React Native bootcamp - Build an Instagram Clone w/Firebase - Screenshot_01React Native bootcamp - Build an Instagram Clone w/Firebase - Screenshot_02React Native bootcamp - Build an Instagram Clone w/Firebase - Screenshot_03React Native bootcamp - Build an Instagram Clone w/Firebase - Screenshot_04

Reviews

Jesse
August 22, 2023
In my opinion this course could be redone better. Teacher needs more preparation to present the classes. Teacher needs better audio, also more assertiveness on the explanations. Code works but is painful to follow the classes. Not a good experience.
Chungsik
August 30, 2021
There were lectures without sound, and the instructor's private messages and private voice chat were frequently sent out during the lectures. This was a hindrance to learning. The method of conducting lectures frequently uses the method of copying and pasting pre-written code.
Jerry
June 28, 2021
Honestly, this is better than good! Can't tell if everything else was completed. I'm only about 80% done. But if not, please finish the course lol. But seriously, good job!!!!!! For anyone wondering, this is not an easy thing to do if you're a beginner. But if you know a little bit of react native and take this course, you'll get better. You won't become an expert, but you'll absolutely learn a lot so that you can keep improving.
Antonina
February 18, 2021
Best course I have taken so far! Definitely deserved the 5/5 stars. The course was crafted carefully by what seems to be a very professional man. Would recommend it to anybody that is interested in this topic.
Gary
February 15, 2021
I've purchased about a dozen udemy courses and this is the first one that I've felt compelled to give a negative review. There are many issues. Some of the bigger points: There is an entire 20 minute video (on redux) with no sound. Antoni has added a short 5 min recap to make up for it, but plan on figuring redux out mostly on your own if you aren't already familiar with it. I also find the videos frustratingly difficult to watch. He jumps around from tab to tab, often switching screens several times each second before either finding or settling on the tab he wants. It's visually jarring... in addition there are many superfluous mouse movements that make videos distracting and difficult to watch. This project is also in Typescript which is perplexing as half way through the course he has yet to define a single type or interface. What's the point of using TSX over JSX if you aren't using the static typing. And because he has defined no types, all of his variables are typed as implicit any which cause his source code to be full of red squiggley underlined compiler errors, which as a software engineer drives me crazy (I have taken to just defining all the variables explicitly as any with the expectation that I will have to revisit that later on do all of the type declarations. Also the resource files that he provides as .rar are often incomplete, requiring substantial debugging before they actually work (also there is no explanation of what rar is or how to actually decompress and read them which I suspect has been frustrating for novices attempting this class with little or no dev experience. If you are one of those people, I think you'll probably find this course extremely difficult to follow and quite frustrating, and I wouldn't recommend it all. If you come with a good amount development experience, especially with react, you probably won't hit any major road blocks and you should still be able to get what you want out of the class. But given the poor quality and the frustrations it induces, I would suspect there are lots of better options. I don't want to end this review without saying anything positive or giving some constructive criticism to Antoni. I have gotten a lot out of this class. It's a great project that's lot's of fun to build and the foundation is all here. I think you could fix the serious issues and make this a great course if you wanted to and I hope you do! Take your time during the video lessons and (since this course is aimed at all levels) don't assume that anything is obvious or doesn't need explanation. You should feel like your over explaining almost everything. And in the videos know which tabs are where and avoid making unnecessary or fast switches and watch your extraneous mouse movements. That will make the lessons a lot smoother and easy to digest.
Dhruv
January 29, 2021
5 OUT OF 5! 100% deserved this review, probably the best course I've done. Can't wait till instructor uploads the remaining content and very excited!
Tauri
January 28, 2021
The sound is terrible in some files, e.g. file 3-4. And file 12 (reducers, 15 minutes) is still 100% without sound at all. Author explains this soundless video in the next shorter video, but come on: you have 20K+ students, please re-record the voice... PS! Firebase tutorial in Polish language :D And it doesn't bother the author to get 200 social media beepings per video - dude, turn that off in the future. It bother's the viewers.
Stelios
January 21, 2021
One of the biggest issue with this tutorial is the sound! i read it before i bought the course at the reviews, because i said it couldn't be that bad, but, god its so annoying i have the speakers on max and still cannot hear him talking. Also there is a mute video the number 12! he is so into the styling and changing things playing while teaching, although he has the project ready and copy and pasting the code in the new project he keeps falling into errors and typos all the time, i understand that may happen sometimes, but he is not prepared. he goes between tabs and lines all the time making you missing some things. He has a great knowledge of the subject, he is a great developer but not everyone can be a teacher! This is not a beginners course and you definitely cannot watch it (hear it) in 1.5 or 2.0 speed.
Matías
January 12, 2021
The content is good and may be useful but the course is not didactic at all. Aside from the bad quality audio and the hard to read small font of the code, it is just about a programmer thinking out loud while copying code to implement an app.
Victor
January 6, 2021
Es un curso bueno, pero solo explica lo necesario, puede hacerlo mejor aumentando contenido y abarcando mas temas que no se ven en el curso, saludos
Matheus
January 5, 2021
Great course, straight to the point, I'm really enjoying it, Antoni answered my doubts very quickly, I recommend that
Hania
January 5, 2021
As an aspiring app developer I did not expect to learn so much. Everything was explained particularly thoroughly and in an interesting way, which made the whole learning experience especially satisfying as the app was progressively being developed. Would recommend the course for anybody, regardless of previous programming experience!
Debian
January 5, 2021
Hi Bro, thanks for sharing your knowledge. The only thing missing that you teach us step by step, how to migrate the apk and then upload it to Google from your store. You could upload some videos and the course would be complete. Thanks a lot!! Cheers, ??‍♂️

Coupons

DateDiscountStatus
1/5/2021100% OFF
expired
2/18/2021100% OFF
expired
9/4/2022100% OFF
expired
9/8/2022100% OFF
expired
9/11/2022100% OFF
expired
10/3/2022100% OFF
expired
10/10/2022100% OFF
expired
10/16/2022100% OFF
expired
11/3/2022100% OFF
expired
11/18/2022100% OFF
expired
12/19/2022100% OFF
expired

Charts

Price

React Native bootcamp - Build an Instagram Clone w/Firebase - Price chart

Rating

React Native bootcamp - Build an Instagram Clone w/Firebase - Ratings chart

Enrollment distribution

React Native bootcamp - Build an Instagram Clone w/Firebase - Distribution chart
3631030
udemy ID
11/12/2020
course created date
1/5/2021
course indexed date
Bot
course submited by