Build a TWITTER Clone with REACT JS for Beginners

Can you not cut him off like every time he tries to talk???😅 The guy on the right side, for the love of god let him talk!!

Excellent video so far. I am only an hour into it but really enjoying the video.

the amount of interrupting and self promotion is so annoying

much needed vdo

careful giving out your email to these guys they will spam you even when you ask them to stop. they add logos to html page and call it a clone. firebase is trash

javascript instead of typescript and firebase instead of AWS what a joke

Qazi just learn to give some respect

D- tutorial garbage display for mobile you should always have css for mobile

@Clever Programmer you could make the post screen with material ui too.

hello , can someone help me? when I tried to fetch data from Firebase I got the following error --> Widgets.js:11 Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization
at Module.default (Widgets.js:11:1)
at ./src/firebase.js (firebase.js:15:1)
at options.factory (react refresh:6:1)
at _webpack_require_ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/Feed.js (App.js:18:1)
at options.factory (react refresh:6:1)
at _webpack_require_ (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/App.js (bundle.js:18:63)

Zuck watched the tutorial 🫣

Did anyone completed this project?

hey, if i make these reactJS projects. would it be helpful for campus placements?

Fantastic tutorial. For some reason, my feed is too big. I've looked over the code many times and I can't figure out why, maybe it has something to do with the margins/padding? I followed the tutorial closely and looked over the source code. Is anyone else having this problem?

You are doing great, but for me to be honest the video and your unnecessary talking made me distracted.

Hey qazi
I watched your couple of videos. Your way of teaching is really good. I wanna learn full stack java development coding. What do you think from where do I need to start?

Hy am using sidebaroption>.muisvgicon--root boot its not working

Where you create global variabl

I love the videos you guys create and post. Keep it up. I do have a request if you can create a build where it is a complete build, such as adding images and videos to post. Create the like feature, the add friend request feature, follow feature, feelings feature, emoji feature and things like that.

Can you make it like a php script

the github repo contains not the full source code (some are missing)!😢😢😢

the github repo contains not the full source code (some are missing)!😢😢😢

Bro interrupted him 100 times🤣

In just completed this project.thx

great content but ffs so MANY interruptions. maybe in the future hold them until then end because it makes it extremely difficult to stay focused

instead of copy pasting each Sidebaroption you should have created an array of text and icon and pass it as props

I don't think firebase works like that anymore.

i found a solution. Hope this helps.

export default function Feed() {
const [posts, setPosts] = useState([]);

useEffect(() => {
const fetchData = async () => {
const { docs } = await getDocs(collection(db, 'posts'))
setPosts(docs.map((elem) => ({...elem.data(), id: elem.id})))
console.log(posts)
}
fetchData().catch(console.error)
}, [])

Anyone help me
SES,ER diagram, uses case diagram,flow diagram, sequence diagram? For Twitter clone

Does anyone know what kind of monitor he is using because it looks almost like a canvas

i very much appreciate the hard work you guys put into this but it is extremely hard to learn when there is an unrelated interruption every few seconds. it breaks my concentration and causes confusion. it's not a personal thing because I am still truly grateful, I just think the interruptions should be better timed. We are talking about using state and it is taking 10 minutes because there has been 4 interruptions. you are good programmers and your intentions are noble but please help us learn by leveraging the zen of coding. I would watch all of your videos if you could do that.

You're awesome guys 🚀

For me the post don't come instantly... I have to refresh he page to see them...☹
Someone can help me ?

Did anyone of you get this error? if yes can you let me know how you solved it.
ERROR in ./src/firebase.js 3:0-32

Module not found: Error: Package path . is not exported from package C:\Users\student\Desktop\xyz\react_projects\twitter-clone\node_modules\firebase (see exports field in C:\Users\student\Desktop\xyz\react_projects\twitter-clone\node_modules\firebase\package.json)
Did you mean './firebase'?
Requests that should resolve in the current directory need to start with './'.
Requests that start with a name are treated as module requests and resolve within module directories (node_modules, C:\Users\student\Desktop\xyz\react_projects\twitter-clone\node_modules).
If changing the source code is not an option there is also a resolve options called 'preferRelative' which tries to resolve these kind of requests in the current directory too.

Hi! How did you make it possible to write div.tweetbox__input and then get the HTML after you hot Enter?

why do you keep interrupting him? it decreases the productivity of the video but thankfully not his motivation to explain the code!

this is an awesome build 🤟🤟

import Avater,button not working help

2022: react-twitter-embed is not installing

most of comment are bots =)) , shameless

I wish the beard guy would stay silence its just annoying sometimes

the document for firebase is different now

Incredible! You are awesome!

.sidebarOption > .MuiSvgIcon-root {
padding: 20px;
}
on using this CSS property size of the icon became so small that it wasn't even visible.....but in the tutorial it's working fine.please can anyone help me how can i add space between icon and text