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.
Appwrite: https://apwr.dev/JSMastery
Become a top 1% Next.js 15 developer in only one course: https://jsmastery.pro/next15
Materials/References:
GitHub Code (give it a star ): https://github.com/adrianhajdin/social_media_app
GitHub Gist (Assets + code): https://gist.github.com/adrianhajdin/4d2500bf5af601bbd9f4f596298d33ac
Active Lessons: https://www.jsmastery.pro/blog
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.
Join our Discord Community - https://discord.gg/n6EdbFJ
Follow us on Twitter: https://twitter.com/jsmasterypro
Follow us on Instagram: https://instagram.com/javascriptmastery
Business Inquiries:
[email protected]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