Build A Full Stack Social Media App For Beginners in 6 hours In this video, we build our fullstack social media app, combining frontend with Backend and learning a bunch of valuable concepts such as React Hooks and contexts, Industry Standard Conditional Rendering techniques and scalable way of handling API calls! Hope you enjoyed it! Please Subscribe and Hit the bell so you don't miss the fullstack API integration part immediately it drops!.. thank you! Buy Me Coffee: paypal.me/boatinc Business Enquiries, Jobs or Contracts, Sponsorships: soluservant@gmail.com LinkedIn: https://www.linkedin.com/in/asantesylvesterkwame Link to the Project: https://github.com/soluservantdigitalsolutions/yt-social-app Ecommerce Application Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJgobp7GYGvwXLZIXmTVmEmq Social Web Application UI Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJh--1Di_9TGW1FMNlXlEIQJ Social Web Application Backend Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJh--1Di_9TGW1FMNlXlEIQJ 00:00 Intro 04:05 Understanding UseEffect Hook 13:21 Displaying Timeline Posts 47:24 Displaying News Feed Post Recommendations 56:52 Displaying Profile Information 01:35:45 Authentication With useContext Hook 02:43:11 Like and DisLike Functionality 03:04:25 Post Upload Functionality 04:07:17 Displaying Friends and Follow and Unfollow functionality 05:09:20 Update Profile Functionality 05:59:29 Outro ignore : full stack ecommerce app,full stack ecommerce website using react,full stack react native app,ecommerce app,full stack react & node js project,mern stack ecommerce website react redux toolkit,mern stack chat application,react native node js mongodb,react native node js,react native full stack ecommerce app,frontend developer roadmap 2023,react native tutorial for beginners,ecommerce website html css javascript,node js react native,react native full stack app, Node express project, node express mongodb, node express typescript, node express rest api, node express react, express js api, express js app, express js api tutorial, express js advanced, express js and mongodb tutorial, express js tutorial youtube, tutorial express js, express js mongodb, express js explained, express js mysql, express js routing, express js full course, express js routes tutorial, express js route params, express js routes in separate file, express js router example, express js route with parameter, express js mongodb crud, express js mongodb, express js mongodb insert, express js mongoose example, express js mongoose, express js mongoose tutorial, express js database tutorial, express js database express js tutorial for beginners,node express js tutorial,express js tutorial,express node js tutorial,express js tutorial 2020,express node js mongodb,express node js rest api,express node js tutorial for beginners,express node tutorial,express node mysql,express node js project,express nodemon,express js crash course,express js project,express js api,expressjs tutorial for beginners,node express mongodb tutorial,node express mysql,node express api, mern stack authentication,full stack web development,web application security,react authentication,redux toolkit tutorial,google authentication tutorial,firebase image upload,user profile management,private profile pages,crud operations in mongodb,web app deployment,web development course,learn react,javascript authentication,frontend development,backend development,modern web development,full stack development,secure user authentication,coding course,jwt, mern stack,mern stack tutorial,mern stack project,full stack,crud operations in mern stack,crud operation in mern | crud operationn nodejs,mern stack crud application,mern stack projects,express,react js crud operation,react full stack,crud operation in react js,crud operation,crud application mern stack,react,mern stack tutorial for beginners,mean stack crud operations,mern stack crud operations,crud operation in node js,full stack crud operation webdevsimplified,stripe tutorial,stripe js,stripe javascrpt,javascript,js,stripejs,stripe,stripe tutorial js,stripe tutorial javascript,stripe tutorial 2021,stripe tutorial 2022,stripe payments,how to use stripe,stripe nodejs,stripe node js,stripe node,stripe vs paypal,stripe integration,stripe setup,stripe checkout,stripe checkout js,stripe checkout javascript, node.js,node.js tutorial,node.js course,node.js express,node.js rest api,node.js api tutorial,node.js ecommerce,node.js shopping app,node.js rest api tutorial,node.js stripe,node.js mongodb,rest api,stripe,stripe implementation,stripe payment method,mongodb,express,node.js mongodb crud,node.js mongo db auth,node.js authentication,node.js jwt,jtw,json web token,node.js jwt authorization,lamadev Buy Me Coffee: paypal.me/boatinc
Build A Full Stack Social Media App For Beginners in 6 hours In this video, we build our fullstack social media app, combining frontend with Backend and learning a bunch of valuable concepts such as React Hooks and contexts, Industry Standard Conditional Rendering techniques and scalable way of handling API calls! Hope you enjoyed it! Please Subscribe and Hit the bell so you don't miss the fullstack API integration part immediately it drops!.. thank you! Buy Me Coffee: paypal.me/boatinc Business Enquiries, Jobs or Contracts, Sponsorships: soluservant@gmail.com LinkedIn: https://www.linkedin.com/in/asantesylvesterkwame Link to the Project: https://github.com/soluservantdigitalsolutions/yt-social-app Ecommerce Application Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJgobp7GYGvwXLZIXmTVmEmq Social Web Application UI Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJh--1Di_9TGW1FMNlXlEIQJ Social Web Application Backend Playlist: https://www.youtube.com/playlist?list=PLfbcZSBklkJh--1Di_9TGW1FMNlXlEIQJ 00:00 Intro 04:05 Understanding UseEffect Hook 13:21 Displaying Timeline Posts 47:24 Displaying News Feed Post Recommendations 56:52 Displaying Profile Information 01:35:45 Authentication With useContext Hook 02:43:11 Like and DisLike Functionality 03:04:25 Post Upload Functionality 04:07:17 Displaying Friends and Follow and Unfollow functionality 05:09:20 Update Profile Functionality 05:59:29 Outro ignore : full stack ecommerce app,full stack ecommerce website using react,full stack react native app,ecommerce app,full stack react & node js project,mern stack ecommerce website react redux toolkit,mern stack chat application,react native node js mongodb,react native node js,react native full stack ecommerce app,frontend developer roadmap 2023,react native tutorial for beginners,ecommerce website html css javascript,node js react native,react native full stack app, Node express project, node express mongodb, node express typescript, node express rest api, node express react, express js api, express js app, express js api tutorial, express js advanced, express js and mongodb tutorial, express js tutorial youtube, tutorial express js, express js mongodb, express js explained, express js mysql, express js routing, express js full course, express js routes tutorial, express js route params, express js routes in separate file, express js router example, express js route with parameter, express js mongodb crud, express js mongodb, express js mongodb insert, express js mongoose example, express js mongoose, express js mongoose tutorial, express js database tutorial, express js database express js tutorial for beginners,node express js tutorial,express js tutorial,express node js tutorial,express js tutorial 2020,express node js mongodb,express node js rest api,express node js tutorial for beginners,express node tutorial,express node mysql,express node js project,express nodemon,express js crash course,express js project,express js api,expressjs tutorial for beginners,node express mongodb tutorial,node express mysql,node express api, mern stack authentication,full stack web development,web application security,react authentication,redux toolkit tutorial,google authentication tutorial,firebase image upload,user profile management,private profile pages,crud operations in mongodb,web app deployment,web development course,learn react,javascript authentication,frontend development,backend development,modern web development,full stack development,secure user authentication,coding course,jwt, mern stack,mern stack tutorial,mern stack project,full stack,crud operations in mern stack,crud operation in mern | crud operationn nodejs,mern stack crud application,mern stack projects,express,react js crud operation,react full stack,crud operation in react js,crud operation,crud application mern stack,react,mern stack tutorial for beginners,mean stack crud operations,mern stack crud operations,crud operation in node js,full stack crud operation webdevsimplified,stripe tutorial,stripe js,stripe javascrpt,javascript,js,stripejs,stripe,stripe tutorial js,stripe tutorial javascript,stripe tutorial 2021,stripe tutorial 2022,stripe payments,how to use stripe,stripe nodejs,stripe node js,stripe node,stripe vs paypal,stripe integration,stripe setup,stripe checkout,stripe checkout js,stripe checkout javascript, node.js,node.js tutorial,node.js course,node.js express,node.js rest api,node.js api tutorial,node.js ecommerce,node.js shopping app,node.js rest api tutorial,node.js stripe,node.js mongodb,rest api,stripe,stripe implementation,stripe payment method,mongodb,express,node.js mongodb crud,node.js mongo db auth,node.js authentication,node.js jwt,jtw,json web token,node.js jwt authorization,lamadev Buy Me Coffee: paypal.me/boatinc