🔴 Instagram Cloning (2/4) [ using React ]: Complete UI Development
Learn how to build a full-stack Instagram clone application completely FREE. ($100 Udemy Course) using React Native, Firebase Authentication, Firebase storage, Redux, Spring boot, REST API and finally deploy the complete project into Heroku Cloud Platform.
In this video, we will clone the complete Instagram application using React framework. Starting from Sign Up and Sign-in page, till the Home page.
Final Project: https://bit.ly/378ZBoj
Basic Knowledge Required:
1. Basic of React,
2. HTML, 3. CSS
4. Java 5.Basic Of Spring Boot
*****************************
Difficulty: Medium
Topic: Instagram Cloning - Full stack
DS: React | SpringBoot | MySQL
Company: FAANG
*****************************
Download Links:
1. Node js: https://nodejs.org/en/
2. React: https://reactjs.org/
3. Mysql DB: https://www.mysql.com/downloads/
4. FireBase Application: https://firebase.google.com/
5. Heroku: https://www.heroku.com/
6. Image Link: https://bit.ly/3jRdxbP
Help-Link:
Installing MySQL DB: • How To Install MySQL on Mac OS X
Code:
Front End: https://bit.ly/3dgnTkf
Back End: https://bit.ly/3aY0dOL
Instagram Cloning Using React+ Spring boot+Firebase
Complete Series:
1. Introduction & Project Setup: • 🔴 Instagram Cloning ( Part 1/4 ) [ Using R...
2. Complete UI Development Using React: • 🔴 Instagram Cloning (2/4) [ using React ]:...
3. Complete Back End Development using Spring-Boot: • 🔴 Instagram Cloning ( Part 3/4 ): [ Using ...
4. Integrating the Front End with REST API & FireBase.: • 🔴 Instagram Cloning ( Part 4/4 ): [Using R...
Course Content:
0:00 Introduction
0:50 The Final Result
1:40 Let's start the UI Implementation
3:28 Creation of the Authentication Page
39:37 Implementing the SignUp Component
47:00 Designing the Instagram Home Page
50:00 Implementing the Navigation Bar
1:04:00 Designing the Status Bar
1:18:45 Creating Instagram Post
1:38:10 Implementing the Info & Suggestion Box
1:46:50 Implementing the Post Upload
1:51:18 Final Conclusion
#interviewWithBunny #codinginterview #crackingthetechnicalinterview
Social Connect:
LinkedIn: / anindya-sankar-dasgupta-39a315ba
Facebook: / technicalinterview03
Instagram: / anindya_bunny
Additonal Tags:
instagram clone react,
instagram clone react native,
instagram clone react native firebase,
instagram clone react native expo,
build instagram clone react,
react native tutorial - instagram clone,
instagram ui clone react native,
instagram clone app react native,
reactjs instagram clone,
instagram clone react native firebase,
instagram clone react github,
instagram clone github react native,
instagram clone react js,
instagram clone react native,
instagram clone react native github,
instagram clone react native expo,
instagram clone app react native,
instagram stories clone react native,
instagram ui clone react native,
instagram clone react,
react native instagram clone tutorial,
instagram clone using react,
instagram clone with react,
instagram clone with react native,
reactjs instagram clone,