🔴 How to Build a Instagram Clone with REACT JS for Beginners (in 3 Hours!)
Why Stack Overflow recommends it
Stack Overflow users link it when asking about errors they hit while following along with the Instagram clone build, often citing a specific timestamp.
Recommended by 1 people across 1 different months, 2021 to 2022.
What it is
A 3 hour 42 minute live coding session from Clever Programmer in which Qazi and Sonny build an Instagram clone with React, Firebase and Material-UI. It covers Firebase Hosting, authentication, image uploads to Storage and real-time data with Firestore.
What people said
Recommends K Lee · 2021-10 · Stack Overflow · on “Syntax error: Unexpected token by using firebase”
I am now following this youtube video [this video] to develop an Instagram clone app by using React with firebase. The error occurred at the point below, on the video at 2:36:29. It says "Syntax error: Unexpected token (93:12)" {user?.displayName ? ( <ImageUpload username={user.displayName} /> ) : ( <h3>sorry you need to login to upload</h3> )} [LINK] what I tried ・Just put <ImageUpload username={user.displayName} /> => I got 「firebase is not defined」 error on the other js file. ・put "user.displayName" instead of "user?.displayName" (? is erased) [LINK] => more complicated error occur that "TypeError: Cannot read properties of null (reading 'displayName')" [LINK] ・Put {user ? (<ImageUpload userna
Cites TiffahTeen · 2021-03 · Stack Overflow · on “Instagram Clone Error: Objects are not valid as a React child”
I build up an tutorial with VS Code and React. I use Material UI. For Backend I use Firebase. this is the tutorial: [this video] . Its my first time with react. There is one issue I didnt can debug. I didnt know, when this Error comes an how can I understand this "problem". I would like to write thanks before guys! This my Error [LINK] This is part of the code: import React, { useState, useEffect } from "react"; import './App.css'; import Post from './Components/Post'; import { db, auth } from './db/firebase'; import { makeStyles } from '@material-ui/core/styles'; import Modal from '@material-ui/core/Modal'; import { Button, Input } from "@material-ui/core"; import ImageUpload from './Components/
Cites Jess Pesale · 2022-01 · Stack Overflow · on “Iterating through the firebase database”
I am trying to iterate over the firebase db variable in my App.js for my react app and am running into some issues. Here is the video I have been following along with - around 1 hour 9 minutes [this video] So basically they import and set up their firebase.js. Mine looks a little different because the syntax has changed since the video came out. My firebase.js looks like: import { initializeApp } from "firebase/app"; import { getAuth, signInWithPopup, GoogleAuthProvider } from 'firebase/auth'; import {getFirestore} from "firebase/firestore" const firebaseConfig = { apiKey: "AIzaSyAomHkUyY4I8XD3rYq-LD2SbftJXj-L8Ug", authDomain: "travelgram-39eba.firebaseapp.com", projectId: "travelgram-39eba", sto