Тёмный

React Node.js MySQL Social Media App Tutorial | Full Stack Social Network App 

Lama Dev
Подписаться 321 тыс.
Просмотров 269 тыс.
50% 1

Опубликовано:

 

7 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 352   
@vaibhav55592
@vaibhav55592 Год назад
Hey Lama if you are reading this , I just want to say thank you , I'm from very poor family trying to learn from your channel,I will definitely pay you when I get the job...Thanks you again
@tarik9563
@tarik9563 Год назад
+1
@eren.sarioglu
@eren.sarioglu Год назад
hope you will get the job that you dreamed of and everything will be excellent for you!
@edutech8909
@edutech8909 Год назад
keep going, God will do it for you
@zeusek-2137
@zeusek-2137 Год назад
Keep going King, see you soon!
@Benyx
@Benyx Год назад
@@zeusek-2137 can you get a job if you got this type of knowledge what Lama showed on the video?
@selflearning3851
@selflearning3851 Год назад
Just in Time i just finished The full stack blog website and now this. thank you, i can't thank you enough. please provide us with more tutorials like this i really enjoy and learn from them.
@amaniberrebeh9352
@amaniberrebeh9352 Год назад
i have a problem with storing the token in the cookie, i have done all the steps but i didn't get any token did you get such a problem working on the blog project ?
@dayojaiyed7721
@dayojaiyed7721 Год назад
Can you share how you send the register details to MYSQL in the blog? It's not working at my end though I import mysql2 . Thank you
@ferdinandeke9590
@ferdinandeke9590 Год назад
This is amazing Lama. You've been my best teacher I've got to be honest. Thank you for all you do and keep doing. On the next project pls, could we build a logistics web app, one where we could ship items across borders and the calculate the distances by zipcodes of the origin and destination of the product being shipped, also taking into account if it's a ground shipping or sea shipping and the parameters that are important for either of such shipping methods when calculating an estimated shipping fee. That's something I haven't seen anywhere on the internet yet. And I would love to see possible ideas that could help me build a start up logistics company. Thanks once more Lama.
@ferdinandeke9590
@ferdinandeke9590 Год назад
And this could be plugged in to either of our previous ecommerce projects to have trans border shipping.
@AbhishekPal-ri9gr
@AbhishekPal-ri9gr Год назад
yes bro he is the best
@salmanpatrick
@salmanpatrick Год назад
A perfect tutorial. Perfect way of teaching and explaining things. I already had SQL knowledge so I didn't get much problems in understanding the logics. Can't to wait to do experiments with it and complete it's features. My main goal to watch this tutorial was to understand the backend logic as UI is not a big deal. And I got it. In addition to that, I learned the advance folder structures and overall project organizing. This tutorial has helped me in many ways. Thank you so much bro. Please keep blessing us with such beautiful contents 💕🔥.
@eren.sarioglu
@eren.sarioglu Год назад
I've never seen a youtube channel as helpful as you. You are making excellent tutorials even that cannot be found in paid courses. I'll be following you, keep going on dude!
@girishtiwale7568
@girishtiwale7568 Год назад
One issue I came across was using useQuery for the components like Comments & Post that are rendered multiple times in our app and almost spent an entire day banging my head over it. I thought others might as well come across. when we use 'useQuery' in a component that is rendered multiple times, we are passing a queryKey (eg. ['comments']) to the useQuery hook which essentially becomes the same for all the Comments components that are rendered all over the application. It is evident whenever we keep a comment box open for one post and then open second post's comment box, the first post's comments are changed with the second post's. My theory is that queryKey is essentially the same for all the comments components. So it has an effect on all the components. Making the queryKey unique for each component by appending the postId to the key(so that every queryKey will be different for different post's comments) did the trick for me. eg. useQuery(["comments" + postId] , fetchFn ); I don't know if there is any other way to resolve this conflict. All the other suggesstions are welcome as well, I would appreciate the feedback too.
@yenthanhngo9441
@yenthanhngo9441 Год назад
can you fix that issue ?
@garpalion
@garpalion Год назад
Want to say thank you very much for your projects! Personally, I work with typescript and also can't implement everything in your way , but I still learn a lot from you and regardless, I just enjoy working with you! I would like you to prepare some project with redux toolkit. I personally really need it. Thanks a lot once again! You are great!
@adebisisheriff159
@adebisisheriff159 Год назад
I don't only like your videos, I love it. Your video is essential for developers as water is essential for human body. Thank you so much Lamadev. More power to your elbow. Love you!
@mohammadforutan341
@mohammadforutan341 Год назад
Calmness in teaching gives the audience a sense of ease. Your work, your teaching method is very first class. I thank you for your useful and smooth training . (Translated by Google Translate)
@coder5336
@coder5336 Год назад
Can't wait to add all the other features to the project and put it to my portfolio. Lama dev is amazing as always.
@AmanSingh-gg6zc
@AmanSingh-gg6zc Год назад
Did you add the search user feature...
@ninjaplavi
@ninjaplavi Год назад
React Native, Node, and MySQL app would be a bomb. Thanks a lot!
@Dave-mo2zx
@Dave-mo2zx Год назад
graphql, testing, CI/CD, typescript, react native. Any one of these technologies will be fun to learn from you master Lama
@tayyabsami258
@tayyabsami258 4 месяца назад
Chat app video watched , Watched this video part 1 and now started part 2 , will combine them all to make a great project Inshallah , great channel , Permanent Subscriber 😍
@mahtab7667
@mahtab7667 2 месяца назад
Can you please provide me your source code of this and chat application combined Project??
@zainwasem
@zainwasem Год назад
This is by far the best RU-vid channel if you wanna learn anything related to web. ThankYou Professor Lama. Will Buy you a coffee ☕
@codewithgeeks366
@codewithgeeks366 Год назад
Hey sir .. really thanks for the video and for the opportunity you keep giving to your community through the knowledge you keep sharing. Please teach us how to safely deploy all this projects . The aime for us should not be only to create but also to share links and have good portfolio's
@felixmarvelian6118
@felixmarvelian6118 8 месяцев назад
hey bro, did you find how to deploy it on the internet?
@green__apple
@green__apple Год назад
I hope there will be a full-stack lecture using the redux toolkit next time. Thank you always. I'm getting a lot of help.
@ucthainguyen8722
@ucthainguyen8722 Год назад
at 0:50-51 mins are precious treasure! Thank you master LAMA !!!!
@yosoytrexnor1312
@yosoytrexnor1312 Год назад
This is the best thing I've seen in a long time! You are amazing lama dev. Thanks for all
@Abhisumant03
@Abhisumant03 Год назад
Your react series on hooks was literally awesome and as u said I saved in my important video playlist the usereducer hook video Thanks 🙏
@victoriyanu3390
@victoriyanu3390 Год назад
Anytime I remember Lama, I just smile. You're a blessing man 😘
@penniel.software
@penniel.software 7 месяцев назад
I did the introduction video where we create a book store and I just finished doing this one and I'm learning a lot about this stack. Please make more videos on Nodejs + Mysql
@beenbadamasyytv437
@beenbadamasyytv437 Год назад
We thank you for your efforts to bring us useful projects with simple explanation absolutely for free. It will be awesome if you can create a project with referral system functionality. Because I have never seen it on RU-vid. Thank you God bless you
@abhaythakur8572
@abhaythakur8572 Год назад
I wish i could find a channel like yours for Angular tutorials. Your channel has great content for Learning MERN Stack
@narenk8077
@narenk8077 Год назад
If you find angular let me know
@nantuadhikari1280
@nantuadhikari1280 Год назад
Please bring the next part of this video... that's the complete social media application with all functionalities enabled. It was really a nice tutorial.
@ahmedtlaidjia6908
@ahmedtlaidjia6908 Год назад
BEST FULL STACK PROJECT !! your work is very clean that will help me a lot thank you very much !
@clownop2201
@clownop2201 Год назад
Yes sir we definitely want git & GitHub video
@lexreal9131
@lexreal9131 Год назад
Woow this is really awesome.. Weldone LAMA Will be great to see you develop a POINT OF SALE (POS) with MERN
@techhouse182
@techhouse182 Год назад
Finest seen Projects learned alot....need more projects on react, node js and MySQl stack projects. Waiting for that 👍👌👌
@mootezsighari8885
@mootezsighari8885 Год назад
Awesome Thanks a lot lama , don't forget git tutorial I'm waiting😊
@rchbiy
@rchbiy Год назад
Thanks for the tutorial Lama! Really love it!
@SonnyBamra_0
@SonnyBamra_0 Год назад
Hey Lama - Thanks for the video. I really want to see the Git tutorial please.
@zobeirrigi8497
@zobeirrigi8497 5 месяцев назад
Lama, I just want to say that I love you and your content😍. You explain everything very easily and understandably. If I get the job, I will let you know (comment on it) in one of your videos.
@annabrooks5175
@annabrooks5175 10 месяцев назад
thank you for doing more than 4 years of college ever did
@deepon4128
@deepon4128 Год назад
login page onclick button after navigate home it's fixed 1-) Login.jsx add; const {currentUser} = useContext(AuthContext); 2-)After handleLogin func open if statement; if(currentUser){ navigate("/") }
@megatronskneecap
@megatronskneecap Год назад
You're amazing, LAMA! I NEEDED this to finish off a blogging platform website I'm working on! Perfect!
@wendybaque9356
@wendybaque9356 Год назад
Best tutorial ever ! I learn React Query and I am interested in a specific video on this technology. Thanks !
@TofuShifu
@TofuShifu 4 месяца назад
Thanks for this project tutorials,I really appreciate it!!! And also,I've had some error while coding and these are how I solved them. Hope this help guys XD ***Error: { "code": "PROTOCOL_ENQUEUE_AFTER_FATAL_ERROR", "fatal": false } ->Fix: run again index.js (api> node index.js) and then try again ***Error: ER_NOT_SUPPORTED_AUTH_MODE in MyQSL -> Fix: in query,insert this code: ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'password'; (change ur 'password' now to another,Ex:123 to 456) And then fix this new password in connect.js ***Error: - Blank page when try to login fail( json undentified) ->Fix: try replace this code const [currentUser, setCurrentUser] = useState(() => { const storedUser = localStorage.getItem("user"); if (storedUser) { try { return JSON.parse(storedUser); } catch (error) { console.error("Error:", error); } } return null; }); ***Error: - Timeout reached in Insomnia -> Fix: check the correct link post,typo columns in MySQL,link in those event const handleRegister,... This error happens when something is wrong,so u have to check all ***Error: - Already accepted access for cors but still didn't work ->Fix: run again index.js (api> node index.js) and then try again ***Error: - localhost:8000/api/posts/ 500 (Internal Server Error) ->Fix: Change the code in post.js into export const getPosts=(req,res)=>{ const q= `SELECT p.*, u.id AS userID, u.name, u.profilePic FROM posts AS p JOIN users AS u ON u.id = p.userID` db.query(q,(err,data)=>{ if(err)return res.status(500).json(err); return res.status(200).json(data); }) } *This error happened when u had something in code got wrong,check around the place u last did *Remember to change the correct column of ur db *After changed it,run again api (api> node index.js) ***My Stupid Error (XD) : - return ( {error ? "Error!" : isPending ? "Loading..." : data.map((post) => )} ); when realse this code,some of the object doesn't appear on the main website -> Fix: Go to post.js in client change name of those objects equal to columns in MySQL EX: {post.postDesc} means there's a column name "postDesc" in ur posts db ***Error: - This.client.defaultMutationOptions is not a function react-query, pocketbase, nextjs -> Fix: Change Mutation code (lastest v5 for this time ) const mutation = useMutation({ mutationFn: (newPost) => { return makeRequest.post("/posts", newPost); }, onSuccess: () => { // Invalidate and refetch queryClient.invalidateQueries({ queryKey: ['[posts]'] }); }, }); ***Error: - Still error "Can't read properties of underfined(reading'map") after solved like in the video -> Fix: run again api ***Error: -Cannot read properties of undefined (reading 'includes' or 'length') at Post (localhost:3000/static/js/bundle.js:1294:27) -> Fix: Change code to this {isLoading ? ( "loading" ) : data?.includes(currentUser.id) ? ( ) : ( )} {data?.length} Likes ***Error: - 404 Not found -> Fix: check again those func such as Mutation,handle,upload,... Some place will be wrong when typing. Ex: makeRequest.post instead of put
@ahmedabdelmeguid1131
@ahmedabdelmeguid1131 Год назад
Thanks a lot for this video🤗 ,in next videos ,we need use cloud technologies and headless cms
@rizwanjamadar7722
@rizwanjamadar7722 Год назад
Hello Lama, You are providing such a beautiful and understandable content for free but I have one doubt can you tell me how you decide combination of color palettes and font ? Lots of love Lama ❤️❤️
@frontend1576
@frontend1576 Год назад
Lama thank you so much....Really You are amazing.....Thank you So much.....Please make a video on advanced git.
@Razes9ooo474lO4
@Razes9ooo474lO4 Год назад
I am big fan of u from India... ThankQ for sharing
@businessuser5146
@businessuser5146 Год назад
Thanks for the 2 awesome videos on mern app with sql
@innazozulia
@innazozulia Год назад
Very cool project, thanks! You explain very well 🔥 Looking forward to new videos 😄
@kaltsdaniil8378
@kaltsdaniil8378 Год назад
Thanks a million, Lama Dev! Hope I will be able to follow your tutorials soon (actually I am studying ReactJs).
@melihgunasti
@melihgunasti Год назад
çok güzel öğretici bir video olmuş teşekkürler şafak hocam
@salmanpatrick
@salmanpatrick Год назад
So I have added the following features to this app : Users can now post videos as well cuz I'm checking whether the file contains picture extension or video so I'm rendering the file on the basis of that!!! I have added the real friends list on the right bar. I mean your real friends who you follow will be appeared on the right bar just like facebook! User profile is more advanced! user can write his custom bio, there are some stats like followers and following. Just like Instagram. I have add relationship status, work and hobby sections etc in profile page. And the biggest feature I have added is that user can now save the posts. There's a separate save posts section were user can see his saved posts. I need more suggestions and currently I'm thinking about stories section!
@alexanderpayes2781
@alexanderpayes2781 Год назад
Did you add more features? can you share your code please
@prathamesh_dalvi9421
@prathamesh_dalvi9421 Год назад
give ur github link pls
@dr.margulis7773
@dr.margulis7773 Год назад
I always click "Like" first when watching your video, sir! Many-many-many THANKS to you! 👍👍👍👍👍👏👏👏🙏
@worldbest3097
@worldbest3097 Год назад
lama! always awsome. thx for your effort and endeavor!!
@cephaz6
@cephaz6 Год назад
You make learning interesting Thank you so much 🙏
@musamuhammed3653
@musamuhammed3653 Год назад
this is really amazing cant wait for ruby on rail
@gaius5
@gaius5 Год назад
I am grateful for all your work. Can you make a tutorial on searching a large amount of data(say like 1 million) in mysql db in an efficient way without waiting too much (say getting the result in milli seconds)?
@yuliiashmidt6332
@yuliiashmidt6332 Год назад
Yes please, create redux tool kit query video 🙏 You are amazing teacher
@StarsOfMinecrafttr
@StarsOfMinecrafttr Год назад
For a big data project like this, you should prefered postgre for db. Way more faster and efficient.
@user-ms2jf1eg3j
@user-ms2jf1eg3j Год назад
Thank you bro, I knew, that PostgreSQL existing, but did not know, that it is faster.
@StarsOfMinecrafttr
@StarsOfMinecrafttr Год назад
@@user-ms2jf1eg3j it is like 50x faster
@StarsOfMinecrafttr
@StarsOfMinecrafttr Год назад
@@user-ms2jf1eg3j but generaly projects like facebook or Instagram, they use big data database. Which requires at least 1 tb of ram, they store data to ram just incase if data reused again.
@user-ms2jf1eg3j
@user-ms2jf1eg3j Год назад
@@StarsOfMinecrafttr But why many people using MySQL instead of that?
@StarsOfMinecrafttr
@StarsOfMinecrafttr Год назад
@@user-ms2jf1eg3j bc it is more easy, and has more flexibility, it is hard to make it crash, but in postgre it is more likely to crash if you do not use redis to handle stack queries. So simply, it is easy to use. But slower.
@musasherif304
@musasherif304 Год назад
Thanks for sharing your knowledge with us
@coralioballester
@coralioballester Год назад
Thanks a lot for this. For some reason, on my Mac, invalidateQueries is working ok in Chrome but not in Safari. It only updates when you change to another tab/window and come back. In Chrome everything runs ok with zero errors in client and server's consoles
@oli-9609
@oli-9609 3 месяца назад
Hi Lama ! First of all thanks for the great content ! It's a great to have such good content for free !🎉 I have followed your previous video about the UI part and I was wondering : can i follow this video to do the server / api / db part with sql and express while using next page for the routing and pre rendering ? Thanks in advance ! Cheers :)
@abyssfelo3147
@abyssfelo3147 Год назад
Hey lamadev, I would like to make a request. Would you please make a short video about nodejs on how we can store images to aws S3 bucket and the image url to MySQL database. Thankyou
@donmenya2761
@donmenya2761 Год назад
Excellent tutorial! Many thanks!
@rizwanjamadar7722
@rizwanjamadar7722 Год назад
Hey Lama if you are reading this, I just want to thank you. I have one request can you create one video on complete guide of react-query.
@goyappi7447
@goyappi7447 Год назад
Much appreciation. So incredible!
@flavio5693
@flavio5693 Год назад
very good course thank you I learnt a lot with it, please do you have one similar video where you make frontend and backend with Nodejs with jsonwebtoken but with mongoDB?
@ashrafshehata6566
@ashrafshehata6566 8 месяцев назад
thank you very much you teaching me a lot
@iorolunemmanuel4579
@iorolunemmanuel4579 Год назад
Thank you for the kind gesture. Iama please I would like see you implement forgot password in user authentication
10 месяцев назад
Mükemmel olmuş hocam eline sağlık.
@genildomirandapraca1926
@genildomirandapraca1926 3 месяца назад
This is amazing! Thank you
@oscargm1979
@oscargm1979 Год назад
Ouyeah I am learning so much... I really appreciate you chose SQL as Database.Thank you again for an amazing project
@alpeshpatel9029
@alpeshpatel9029 Год назад
Thank you sir. Your tutorial is helpful. Can you please create tutorial on angular.
@lololoololdudusoejdhdjswkk347
His 2 hours took me 2 weeks to understand
@AIMEDIAinc-et9kd
@AIMEDIAinc-et9kd Год назад
Hello, I'm following your tutorial and I don't know why I'm not having the cookie after login. I tried with 3 browsers. I have a cookie only with insomnia.
@nickleydeonyango1704
@nickleydeonyango1704 2 месяца назад
What are some of the vs shortcuts that you are using in this video. Like the ability to select a couple of texts all at once
@businessuser5146
@businessuser5146 Год назад
Can you implement more features into this app, whatever is mentioned on the left menu bar... groups, marketplace, memories, events, gaming, videos, etc
@ankitshah1655
@ankitshah1655 Год назад
Love all your videos
@rahul-in8vb
@rahul-in8vb Год назад
Thanks @lama dev.(Great work💯)❤ Can you upload sequelize+postgressSQL
@nabinsaud4688
@nabinsaud4688 Год назад
Please use typescript for the next project
@andriyabu
@andriyabu Год назад
Awesome. Thank you sir.
@nosense1272
@nosense1272 Год назад
You're amazing Lama!
@poloiaish6281
@poloiaish6281 Год назад
Can you do react, node, and mongodb? Good content as always. Keep it up.
@memduhcevik
@memduhcevik 11 месяцев назад
incredibly awesome, bro
@jamjam3337
@jamjam3337 Год назад
Thanks for the video👍👏
@cevdet-gt3uu
@cevdet-gt3uu Год назад
I can wait to watch the tutorial
@albertgeorge1619
@albertgeorge1619 Год назад
Best of the best of the best!!!!
@andikap9728
@andikap9728 Год назад
Thankyou for your content lama, can you make content for redux-saga in the future :D
@OmarFaruk-bz4gw
@OmarFaruk-bz4gw Год назад
Oh nice Sir
@aror9574
@aror9574 Год назад
I have a question when do you decide which DB do you use NoSql or Sql?
@juneldelacuadra5973
@juneldelacuadra5973 Год назад
Thank you sir. Let me ask, is this the process you use to build application using MySQL database?
@aadilkhan-rl5pb
@aadilkhan-rl5pb Год назад
Keep it up sir 🙏
@user-ms2jf1eg3j
@user-ms2jf1eg3j Год назад
I do not know, if you saw my comment on previous video. But can you add additional feature to social app with users tiers and subscriptions. Like onlyfans or Patreon do?
@alpeshpatel4504
@alpeshpatel4504 Год назад
Great video, Can you please video on Angular.
@letsOpenOurEyes3
@letsOpenOurEyes3 9 дней назад
Is socket io is implemented in this project to connect different browsers as different users and chat . I want to build the same app with chat functionality.
@dr.science9609
@dr.science9609 Год назад
Another master peice
@benjamindkluong
@benjamindkluong Год назад
could you please make a tutorial about react toolkits and redux ?
@RacyJose27
@RacyJose27 Год назад
What pattern are you exactly using? It can't be MVC as React is not object oriented. Thank you so much for the helpful tutorial btw!!
@vishwjeetthakur4648
@vishwjeetthakur4648 Год назад
bro have u completed the whole project I got some issue can u help?
@davidchavarriamendez9091
@davidchavarriamendez9091 Год назад
Great tutorial
@linodref
@linodref Год назад
Hi Lama! Excellent content! I'm leaning React and I have a question about this tutorial. When I open a first Comments section all the comments related to the post show successfully. But, if that first Comments section remains open and then I open another Comments section from a different post, the comments inside both posts duplicates, and at the end both posts display the same comments, that is, the comments of the last Comments section opened. What could it be? Would you please check out what's going on?
@GameVerse215
@GameVerse215 Год назад
Could you please make a video using postgres and sequelizer for backend and react for frontend social media app..
@mandyuniverse5090
@mandyuniverse5090 2 месяца назад
after updating the photo the stories and the profiles photos in the home app is not changing
@betterbehappythannot3605
@betterbehappythannot3605 Год назад
Amazing video, but is only my screen flashing weirdly in the beginning?
@user-hi2py2ok4i
@user-hi2py2ok4i Месяц назад
Please make it again in Vue js
@danieljohnsz
@danieljohnsz 2 месяца назад
at 47:20 he says that the previous video is so important, which video is he referring to?
@gamerquantum2847
@gamerquantum2847 Год назад
Consider on project using backend firebase or cloud services
Далее
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 475 тыс.
Front-end web development is changing, quickly
3:43
Просмотров 850 тыс.
when you have plan B 😂
00:11
Просмотров 27 млн
100+ Web Development Things you Should Know
13:18
Просмотров 1,4 млн
React Node.js MySQL CRUD Tutorial for Beginners
46:27
Просмотров 300 тыс.
Fastest way to become a Web Developer
9:47
Просмотров 654 тыс.
Build a retro gaming app - Web Dev Challenge S1E2
27:29
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 283 тыс.