React Native bootcamp - Build an Instagram Clone w/Firebase
- Description
- Curriculum
- FAQ
- Reviews
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 😛
-
1Welcome to my Course! Pretty chill intro ;)Video lesson
-
2Introduction p2Video lesson
-
3Introduction (old version - forgive me for the stutter haha)Video lesson
-
4Setting up the environmentVideo lesson
-
5Installing the virtual android device (optional)Video lesson
-
6Our first Hello WorldVideo lesson
-
7Conditional renderingVideo lesson
-
9Firebase setupVideo lesson
-
10React Navigation setupVideo lesson
-
11Setting up reduxVideo lesson
-
12Login screen designVideo lesson
-
13Accessing the reducers - Explenation in the following videoVideo lesson
-
14Explaining reducersVideo lesson
-
15Signup pageVideo lesson
-
16Signing up with our firestore dbVideo lesson
-
17Login and get user back-end functionsVideo lesson
-
18Welcome screen, Login finishVideo lesson
-
19Tab Navigator setupVideo lesson
-
20Upload File - Post screenVideo lesson
-
21Upload File - uri compressingVideo lesson
-
22Photos arrayVideo lesson
-
23Styling the photos arrayVideo lesson
-
24Removing images p1Video lesson
-
25Removing images p2Video lesson
-
26Design improvement p1Video lesson
-
27Design improvement p2Video lesson
-
28Uploading post ScreenVideo lesson
-
29Bug fix after pressing the "Post" buttonVideo lesson
-
30Uploading profile photosVideo lesson
-
31Uploading post to the DatabaseVideo lesson
-
32Getting all the posts from the databaseVideo lesson
-
33Creating the post componentVideo lesson
-
34Styling the post component p1Video lesson
-
35Styling the post component p2Video lesson
-
36Creating a custom header for the home pageVideo lesson
-
37Liking postsVideo lesson
-
38Saving PostsVideo lesson
-
39Displaying saved videosVideo lesson
-
40Getting the profile from the databaseVideo lesson
-
41Styling the retrieved dataVideo lesson
-
42Following usersVideo lesson
-
43One Post and Bug Fixes of the Profile ScreenVideo lesson
-
44Navigating to our own profileVideo lesson
-
45Profile Screen bug fix + challenge for youVideo lesson
-
46Solution to the challengeVideo lesson
-
47Profile Screen Bug Fix (Follow causes the screen to flick)Video lesson
External Links May Contain Affiliate Links read more