Channel: Tech With Tim

Category: Education

Tags: how to make an instagram clonetech with timsanityexpressreacthow to program a social media platforminstagram clone full tutorial using react express and sanityhow to make a social media platformjavascripthow to use expressreact frontend setupfrontend programminghow to use sanityexpress backend setuphow to use reacthow to code a social media platforminstagram clone full tutorialbackend programminghow to code an instagram like website

Description: Welcome back to another video tutorial! In this video I will be showing you how to make a social media / Instagram clone using React for the front end, Express for the backend, and Sanity for the content management system as well as our database! Now, this is a pretty advanced tutorial and I am going to be explaining how to do everything from scratch, so I'm going to assume you already have some familiarity with Javascript, React, and Express! The things you learn from this tutorial you can take and apply to other projects and so I hope you enjoy! 💻Thanks to Sanity for sponsoring this video! Get started with content modeling today for FREE and use coupon "techwithtim" to double the limits of the FREE plan! sanity.io/techwithtim 💻 ProgrammingExpert is the best platform to learn how to code and become a software engineer as fast as possible! Check it out here: programmingexpert.io/tim and use code "tim" for a discount! 📄 Resources 📄 Sanity Database Docs: sanity.io/docs/content-modelling Sanity JavaScript Client Docs: sanity.io/docs/js-client Install Node.js: nodejs.org/en Code In This Video: github.com/techwithtim/Instagram-Clone ⭐️ Timestamps ⭐️ 00:00:00 | Instagram Clone Demo 00:05:04 | Sanity Setup 00:09:38 | Express Backend Setup 00:21:33 | React Frontend Setup 00:26:43 | Sanity Database Models 00:36:57 | React Project Structure 00:40:14 | Page Navigation 00:55:51 | Creating Users 01:31:20 | Signing In 01:50:35 | Creating Posts 02:22:53 | Viewing Posts 02:42:52 | Searching For Users 03:12:02 | User Profiles 03:48:28 | Editing Profiles 04:25:17 | Followers ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️ 👕 Merchandise: teespring.com/stores/tech-with-tim-merch-shop 📸 Instagram: instagram.com/tech_with_tim 📱 Twitter: twitter.com/TechWithTimm ⭐ Discord: discord.gg/twt 📝 LinkedIn: linkedin.com/in/tim-ruscica-82631b179 🌎 Website: techwithtim.net 📂 GitHub: github.com/techwithtim 🔊 Podcast: anchor.fm/tech-with-tim 🎬 My YouTube Gear: techwithtim.net/gear 💵 One-Time Donations: paypal.com/donate?hosted_button_id=CU9FV329ADNT8 💰 Patreon: patreon.com/techwithtim ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️ ⭐️ Tags ⭐️ -Tech With Tim -Instagram Clone Tutorial -How To Make a Social Media Platform -React -Express -Sanity ⭐️ Hashtags ⭐️ #TechWithTim #InstagramCloneTutorial