Build the BEST Instagram Clone with Tailwind CSS, React, Apollo client and Laravel - Part 1/2
In this video, I will show you how to create a beautiful Instagram clone, this is a great project to learn and improve your Tailwind and React skills and to add to your portfolio if you are just starting as a web developer or full stack developer. This is just the first part, on the next video we will add more functionality and we will connect the app to the backend GraphQL api using Apollo client.
00:00 - Introduction
02:02 - Create react app
03:04 - Install TailwindCSS
04:56 - Install FontAwesome
05:50 - Create the Navbar component
26:00 - Create Stories, BasicProfile, Suggestions, Post, and Footer component
27:37 - Create the Stories.js component
45:24 - Create the BasicProfile.js component
51:50 - Create the Suggestions.js component
1:00:00 - Create the Footer.js component
1:03:00 - Create the Post.js component
1:22:00 - Create the Profile.js page
1:26:00 - Create the ProfileHeader.js component
1:37:00 - Create the Highlights.js component
1:44:00 - Create the ProfilePosts.js component
2:10:00 - Final thoughts
*Need help?*
👾 Discord ➜ / discord
Repo ➜ https://github.com/gigo6000/instagram...
Newsletter ➜ http://eepurl.com/dGyT0L
Patreon ➜ / carlosmafla
Instagram ➜ / gigo6000
Twitter ➜ / gigo6000
Github ➜ https://www.github.com/gigo6000/
#tailwindcss #react #instagram