Building an Mini full-stack Instagram clone using React, Tailwindcss and Firebase
Description
The stack you will use: React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth), Tailwind CSS.
In this React Tutorial, we will build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
The sign-in page will connect to Firebase when a user tries to sign in, and when a user signs up, we will use Firebase auth to store the user in the Firebase auth database. I built this application using React, JavaScript, Firebase and for styling I used Tailwind CSS (which is amazing).
You will need knowledge of React to not struggle on this tutorial (useState, useEffect, useContext) and you will need some knowledge of JavaScript to get you by.
You need to have basic knowledge of HTML, CSS and Javascript.
Everyone who wants to advance their full stack developer skills with work experience of building real applications in a developer environment should enroll in this program.
During the course we are going to use latest version of React – React 18.
As far as concepts we are going to cover
-
Firebase Authentication
-
Functional React components
-
React hooks like useState() and useEffect()
-
Handling user events
-
JSX and Rendering templates
-
Props and State
-
Creating and organising components
-
Building real-world React applications
Total Students | 8195 |
---|---|
Duration | 8 hours |
Language | English (US) |
Original Price | |
Sale Price | 0 |
Number of lectures | 52 |
Number of quizzes | 0 |
Total Reviews | 26 |
Global Rating | 3.9615386 |
Instructor Name | Webo Pedia |
Course Insights (for Students)
Actionable, non-generic pointers before you enroll
Student Satisfaction
78% positive recent sentiment
Momentum
🔥 Trending
Time & Value
- Est. time: 8 hours
- Practical value: 6/10
Roadmap Fit
- Beginner → Intermediate → Advanced
Key Takeaways for Learners
- Hands-on practice
- Real-world examples
- Project-based learning
- Project
Course Review Summary
Signals distilled from the latest Udemy reviews
What learners praise
- Project
Watch-outs
- Missing project
Difficulty
Best suited for
Marketers with some platform experience, Doers who prefer project-led learning
Reminder – Rate this 100% off Udemy Course on Udemy that you got for FREEE!!