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.
Смотрите видео Build a Full Stack Social Media App | React, Firebase, Uploadcare, Tailwind CSS & Shadcn/UI | Ep.2 онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Dipesh Malvia 19 Март 2024. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 1,666 раз и оно понравилось 46 посетителям.
