Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query

Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

📚 Materials/References:

There is an editing error in the YouTube video at 3:13:28. I discuss the useCreate mutation hook before it's made at 3:19:28. Just follow along and implement the hook at 3:19:28; it'll work fine.

Time Stamps 👇
00:00:00 - Intro
00:05:56 - Setup
00:15:50 - Routing
00:18:51 - File & Folder Structure
00:23:49 - Auth Pages
00:51:16 - Auth Functionality - Appwrite
01:02:39 - Storage & Database Design
01:31:21 - TanStack Query
02:15:48 - HomePage
02:48:27 - Create Post
03:39:48 - Post Card
04:32:53 - Post CRUD
04:49:44 - Post Details
05:02:03 - Explore Page
05:29:03 - Search Results
05:39:22 - Active Lesson
05:45:58 - Deployment

[reframeservices]

I worked in adult education for years, mentored students at college and created courses on Udemy and YT but this is top notch. Great work!

[themonthlyexplorer]

Coming from a client facing role with excels, emails, conferences and endless context switching; Adrian's voice has become my new meditation. I work on projects for 10-12 hours in a single flow and my growth in less than 3 weeks has been surprising to me, I started from a plain website front end, and just finished social media app with all functionalities, logic, back-end. Its crazy how much better my anxiety and doom scroll induced ADHD is feeling.

[tks]

Honestly you guys are insane, the amount of knowledge harboured in these videos is unreal, I hope you guys do a zero to hero course soon on Web Development

[miraclenerdkidchiki]

Bro....u really went all out on this project....best practices, best tools for the job (ts, react query), external libraries to make life easier, and not to mention the ACTIVE LEARNING PARADIGM, which is just sick

Thanks so much for this course, can't wait to purchase your Next.js course 🔥

[zero]

The rate at which you are releasing this content is phenomenal. This is my #1 go to channel for learning how to build applications. I cant wait for the day you release a tutorial on building an e-learning platform.

[TessaMero]

This is beyond amazing, thank you Adrian. Amazing work as always!

[ernst]

Now that's how to start a weekend 🎉🎉🎉 ! Thank you Adrian!

[bulelaniquinton]

this is a comprehensive yet essential tutorial indeed. thank you brother, keep up the good work. much love from South Africa🙏❤

[freeion]

I want to thank you guys. I've learned so much on this project. I'm new to ReactJS and this project helped gain some experience. Not to mention the latest tools, and Appwrite is sick.

Thanks so much, and keep up the good work.

[gyurisc]

I finished the video. I really love the active learning paradigm and the tasks! Thank you for your hard work and putting together this amazing video!

[G_O_J_O_S_A_T_O_R_U]

Wow, I am truly amazed by the generosity of this project! 🙌 They could have easily monetized this valuable content, but instead, they've chosen to make it freely accessible to all students and learners. I am incredibly grateful for their efforts. 🙏

I'm proud to say that I landed a job thanks to the knowledge I gained from their videos and by working on projects alongside them. 🚀 Thank you so much for this incredible opportunity! 😊

[mia-panda]

I have never left a comment on any Youtube videos, but just wanna say thank you a whole lot for making these super amazing and useful tutorials!! Really appreciate your sharing <3

[paulolinks]

I'm thoroughly impressed with your excellent course! Spending 25 hours immersed in programming with you, but the learning experience was invaluable. Despite making several mistakes along the way, I successfully navigated through them. I'm convinced that I'll be purchasing your course – it's been a rewarding journey. Thank you!

[wantedgaming]

here again with another outstanding project. truly love your hardwork

[akhilmahajan]

Wow Adrian... looking forward to this ..this looks super awesome

[mimcris]

This is definitely the next project I'm doing. I'm excited!

[Amvflix]

just completed the project. Honestly, I learned a lot of good practices and reusable code practices. Thanks a lot JSM. <3

[kavindamk]

Another wonderful and useful project from Adrian. You are the best!❤

[sairaakbar]

Amazing video, one of the clearest and best tutorials I've ever done. Thank you!

[TV-uuek]

i really appreciate the content, cant imagin how i learn all this as self taught without this channel