React Social Media App Design | Dark/Light Mode & Responsive & HTML CSS

[@coder5336]

I can't believe you provide such good contents for free. You are the best instructor ever.

[@sirjoeyt8601]

Yeah . I agree.

[@furqaanqoutes]

Seriously, I've never seen an instructor with a pure hearth that provides useful and real life cases like you. I wish I know you sooner and I also wish we are together or at least same country 😊. Thank you so so so much Safak😁

[@phebos2228]

My react skills have really improved thanks to your tutorials. Many thanks for such easy to understand content :)

[@be2wa]

NOTE: there should only be one element on a given page as per accessibility requirements - the headings (h1-h6) form the page outline and make it easier for people using assistive technologies like screen readers to navigate the website

[@TechBowl]

Amazing project as always! You're the best teacher on the KZbin for JavaScript! Appreciated your great efforts 🙏

[@miguelibarra7328]

These videos low key helped me get a job at one of the top banking firms in the world. The only thing he is missing is a section of algorithms and data structures, you got the projects for the portfolio.

[@DaveFredkove]

This is gold!! 💯 Thank you Lama! I've donated before, now giving more 🤑 love the Themed fn, context provider, sass seems good, and love your speed of explaining and thought process. So helpful!

[@griffinkirkland9087]

Is this project on React V18.2?

[@vlias500]

You are the best teacher I've found on youtube! Thank you!!!

[@wailbouguerra5381]

I hope u get 1M followers by the end of 2023 , u are just perfect

[@xcrxwadda8287]

Anyone developer who want to bring his skills to the next level , I recommend him to this community and channel

[@maczain]

this man is my best youtuber. i do recommend all my friends to watch his videos.

[@GaBoyInKy]

There are a lot of talented people out there and you are one of them. Now with that said let me get to the point. Where you fail is by not doing everything from scratch. It's like telling a baby bird about flying but not showing how it's done. Just thought I'd let you know I'm one of the ones that loves creating projects that you teach.

[@oscargm1979]

I really like the part of mixins for mediaQueries.Well done,teacher!

[@willstansill9161]

Hey guys just wanted to address an issue that I ran into that took days for me to figure out what was going on. Around 1:13 we implement the dark mode functionality. Everything was going fine until we made the context api file darkModeContext. I discovered after some time that this was due to the fact that on my side files like App and main were jsx files NOT js files. This meant that there was an overlap when I was trying to make the darkModeContext.js work over my App.jsx file. After sometime I tried switching darkModeContext to a jsx file and everything moved forward smoothly. Hope this helps someone!

[@rasengan720]

how did you fix the error that happens on the scss side of things? I enabled the @mixin function in navbar.scss and it just removes all the css associated with the navbar for me

[@xiaotingshao3689]

the theme part is hard to understand and could not be written by myself at all, and this is the first time to see it in your videos. I am happy to learn some new skills, thanks so much Lama.

[@neelkashyap82]

Smoothest way to do a project with minute details

[@mohitcodeswell]

Ohh This...Channel Lama Dev ! We will remember you after the Job also. Haha...

[@artpau3025]

Fingers crossed for the MERN stack for part 2 :D Would be incredible to have some sort of simple messaging functionality. Thank you so much Lama!

[@wildingpipes5653]

Words cannot describe you are a great man 🌹

[@Koala_Studio14]

Thank you so much sirr!! You helping me learn react from the bottom,so appreciate your dedication.

[@ygaaaoo]

thanks for this project, I havet to practice my react knowledge and now I'm so happy to see this project here.

[@nwaformicah433]

Great work and the best javascript project, channel on KZbin. We appreciate the great effort you put in to produce this amazing work, thanks. We can't wait to see the back end build with mongodb. We love you and thanks again and again

[@hassanmehmood8711]

Please upload projects with typescript

[@vinaypatil8009]

You are legend, god or best teacher on KZbin because your projects are on different level and you explain also everything. Thank you so much for providing this amazing content and knowledge.

[@ancutacosovanu6304]

You are the best instructor ever!!!!!

[@PapangsOfficialMusicVideo24]

I love your content i recommend this to my friends

[@dontmindme7330]

Goddamn it Lama...you are God sent! This is incredible!

[@pandereta6932]

Amazing content Lama! can you please make it using the PERN stack? there is almost no content about that, it would be awesome!

[@faruqtechnology461]

such a great content can you please make a tutorial continuation of this project for adding the feature of DM and notifications and also video upload it will help

[@skmeanseverything3937]

plz sir for backend nodejs with mongoDB

[@SonyaLove-z6g]

I will watch this later. It seems interesting. Liked and subscribed 😊

[@dayojaiyed7721]

I can't wait to get started with this. Still working on the blog app 💯💯

[@shravzzv]

lama, awesome video; but effects are escape hatches [see the new react beta docs] that should be used to control systems outside of React. localStorage doesn't need 'stepping out' of react.

[@venkatchalam6385]

Sir thank u so much it's easy to understand us as a beginner, pls post regularly in one project one week either react or full stack so will also learn and get skilled like u, thank u

[@priyanka_aggarwal]

Have you used the latest react version or the one used in this video. If you are using latest, are you facing any issue ?

[@obiedajehad6601]

@@priyanka_aggarwal I'm using the latest version without issues

[@priyanka_aggarwal]

@@obiedajehad6601 thankyou for your response.

[@nickleydeonyango1704]

Nice tutorial. very informative and helpful

[@thedevnoteyt]

Thanks for these awesome free tutorials and thanks for making this design responsive, one small request, please make all the future react ui designs responsive ❤️

[@andreajr2021]

always The best Sir Lama Dev! thank you so much for teaching us!!!

[@c_sahilshaikh559]

hey buddy your react-mini repo has changed?

[@zancc97]

this is what i'm waiting for, thank you so much sensei

[@FelipeSantos-ce4hd]

Amazing, Lama. Thanks a Lot. You are a great teacher. Are you going to use react and MySQL for the backend?

[@iftikhar_hussain]

Please start REACT NATIVE tutorials

[@marianojimenez990]

Exellent this tutorial. I'm learning a lot. Grettings from Argentina

[@techhouse182]

Excellent Project learned alot....need more projects on react, node js and MySQl stack projects. Waiting for that 👌👌

[@darshmostafa6138]

Thanks Vey much 😘, now i learned responsive Design and understand it .Thanks on All Things i learned from you 🥰😘💫

[@marvii13]

may god bless you, you're an amazing teacher

[@ShubhamSingh-gk8vp]

Another amazing video!! I have learnt so much from your videos!! ❤️❤️

[@thuanbiro]

I hope I finish your previous project quickly so I can work on this one right away.

[@Vortex5500]

Theres no code in the source code

[@cat-developer]

Hey I believe you're missing the part 2 link in your video description. I just want to point that out in case your viewers may miss it

[@zeshanshaikh0401]

Please make backend of this with node mongo

[@phongnguyenphamthanh3106]

Can you have a short video or a short document of how you created your app and what are the dependencies of it, please?

[@eQ-13]

This is beautiful. You are an amazing teacher.

[@taihaycode]

Thank you so much for your tutorial, very very ease to understand

[@shahidafridi3403]

Awesome bro.. i am a big fan of your work...keep doing....

[@DTUSEM]

Make videos on architecture to follow while doing development using react

[@AtiqueRahmanatik]

Your channel is holy grail! 🙏

[@rchbiy]

What a great project! I have learned a lot from this! Thank you so much❤

[@WillSmith-qt7me]

Would be nice to see Firebase for part 2. Thanks!

[@jesustzinon]

Can you add admin and user roles for the api part? also there is this payloadcms maybe you should try it on a next video, or maybe trying to get a sponsor from them, there arent many tutorials on youtube, at least on the authentication and stuff side

[@sagorray00]

Hello sir, Please use rem for future projects. And millions of thank you for sharing awesome projects with us.

[@jamjam3337]

Beautiful project! Thank you Lama💪👏👏👏

[@cchelseacxx]

👆Send a direct message for help 🆙 ⬆️

[@ronnykn2108]

does this App has Chat feature in the next video? or not?

[@rohanagrawal5747]

where is 2nd part of this project?

[@talebulkawser5865]

Just a request. But can you please add messaging functionality to this app as well? Ik there's already a tutorial on that but this app is close to perfect. Adding the messaging functionality willmake it god tier

[@xavier-wz4on]

I love it, it worked. will you make a tutorial to install react-admin?

[@bhirajk9450]

Lama♥️♥️♥️best tutr in YT

[@Borzokhan]

so nice lama thank you for your amazing videos

[@pancakegenial]

Incredible work, thank you ! I got a question, do you know what kind of solution we can use to store pictures ? The cheapest solution

[@Ishowmeat8]

google drive

[@juneldelacuadra5973]

I can't believe this is free!!! Wow!!! Just wow!

[@regilearn2138]

use TYPESCRIPT for future projects please

[@ucthainguyen289]

Please make a video for backend also. Thanks master Lama!!

[@giorgim3071]

thank you for your content. they are very helpful!

[@MdRobelAhammed-s5m]

Thanks for your valuable content.

[@mayursutar4214]

another good project ...nice work ...keep it up

[@megatronskneecap]

Wow! Now add backend to it!

[@dreamcatcher3597]

Where can I deploy the tuto of yours with mysql backend,please?

[@caracaxa1]

Mysql would be a great choice for this project.

[@prakashsubedi9980]

Amazing tutorial. I just wanted to know that, when the currentUser = true, and if you do "localhost:3000/login" ... will it redirect to the home page?

[@owoahenejoseph3094]

Amazing project again.

[@antonioknezovic3505]

It would be nice to see NestJs framework instead of express JS, Lama,

[@hamemigafsi6953]

always you are the best 😍

[@abuhossain4274]

one of the best content!!

[@sanatani_0228]

does this tutorial only design home and profile page, like other things mentioned in sidebar are not implemented?

[@zeeshanhasankhan]

Backend part will be from nodejs?

[@вдохновись-ч5э]

What node -v and nmp -v you have? I am have something like: 10 vulnerabilities (9 high, 1 critical), after npm install

[@grouciyacine3389]

Ha freind can you show us how to create chat app using react js and mysql pleas?

[@PRAVINAM-c3p]

Hai its a great work .can you just tell on what platform you implemented this project i tried with visual studio code but could'nt install git clone .can u help me ?

[@wilsonmela6343]

Amazing, thank you.

[@AntarikshRajkonwar]

Sir, can you please make a roadmap of web development from beginner to a level where you can freelance and earn money as a student. It would be great help.

[@onuprinceleytoochukwujohn1487]

How can one person know all these things? This is really wonderful

[@yvzblgcyln]

just amazing 🔥🔥

[@cchelseacxx]

👆Send a direct message for help 🆙 ⬆️

[@thuanho8164]

Thank you so much sir !

[@naziknassar]

Thanks for this great video, can you show us how to deploy this project in your next video?

[@talebulkawser5865]

Thank you good sir!🙏🏻🙏🏻🙏🏻🙏🏻

[@yolamontalvan9502]

I love your Llama.

[@oshimanathunga3054]

Thank you so much 👍✨️

[@speedster784]

Bro can you do an admin dashboard with react tailwind css.. that seems to be missing from your channel tailwind designs

[@kishankharb420]

this video is helpful for beggineer

[@AndréYambaJerry]

so good so tutorial, i really like it

[@grinfluencers]

thanks a lot!! (it is an amazing tutorial) => { amazing teacher :-) }

[@effatsayeed6753]

Error 404 page is not going away