Build a Full Stack Social Media App | React, Firebase, Uploadcare, Tailwind CSS & Shadcn/UI | Ep.2
Hey what’s going on guys, Welcome back to another exciting episode in our Full Stack development series where we are building a Social Media App similar to instagram from scratch using React, Typescript, Firebase and Uploadcare.
For styling our app we will use Tailwind CSS and Shadcn/UI components. We will cover React concepts, Route setup, Project Structure, Firebase Authentication, Firestore DB, File Handling, File Uploads via Uploadcare, CDN delivery and many more concepts.
⭐️ Uploadcare - https://bit.ly/3Pei9d5
Uploadcare makes simple, powerful, developer-friendly building blocks to handle file uploading, storage, processing, and delivery. You get a complete file handling infrastructure.
Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - https://www.dipeshmalvia.com/courses/...
⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...
⭐️ GitHub link for Reference ⭐️
https://github.com/dmalvia/Build_Full...
⭐️ Node.js for beginners Playlist ⭐️
• Node.js Tutorial For Beginners
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:26 - Demo
0:04:46 - Home Page Design
0:10:19 - Fetch Feeds/Posts
0:18:19 - User Stories Component
0:20:30 - Post Card Component
0:30:21 - Post Like/Dislike Feature
0:38:19 - User Profile Component & Feature
0:53:15 - Edit Profile Component
1:03:44 - User Profile Collection & Service
1:09:54 - FileUploader (Uploadcare) Profile Picture
1:17:54 - Update & Create User Profile in Firestore DB
1:22:43 - Sync User Profile With Firebase User
1:30:38 - Create Post With User Info
1:34:58 - Sync User Post with User Profile
1:43:12 - Outro
⭐️ Related Videos ⭐️
🔗 Learn VITE For Next React - • Learn Vite For Next React TypeScript ...
🔗 React Firebase CRUD App - • Complete React Firebase CRUD Project ...
🔗 React Firebase Auth with Context API - • React Firebase Authentication Crash C...
🔗 React Context API - • React Context API Tutorial For Beginn...
🔗 CSS Crash Course in 1 Hour - • CSS Crash Course For Absolute Beginne...
⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course - • Learn Node.js & Express with Project ...
🔗 React Crash Course - • Learn React JS with Project in 2 Hour...
🔗 JavaScript Crash Course - • JavaScript Tutorial for Beginners | J...
🔗 HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for Absolute Begin...
🔗 CSS Crash Course in 1 Hour - • CSS Crash Course For Absolute Beginne...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
React & Firebase Tutorial: Creating a Social Media App from Scratch
Dive into Full Stack Development: Creating a Social Media App with React and Firebase
Building a Modern Social Media App with React, Firebase, and Tailwind CSS
Building a Social Media App like Instagram with React, TypeScript, and Firebase
⭐️ Hashtags ⭐️
#react #typescript #firebase #fullstack #projects #beginners
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
Watch video Build a Full Stack Social Media App | React, Firebase, Uploadcare, Tailwind CSS & Shadcn/UI | Ep.2 online, duration hours minute second in high quality that is uploaded to the channel Dipesh Malvia 19 March 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,666 times and liked it 46 visitors.
