Build and Deploy a Twitter Clone using Next JS, React, TailwindCSS, Typescript, Clerk, MongoDB. { Full-Stack Practical NextJS course }.
What You’ll Learn:
- Full-stack development using Next.js, React., and more.
- Authentication: Secure user login and registration.
- Database Management: Store and manage user data and tweets.
- Tweet Features: Liking, retweeting, replying, and creating tweets.
- Group Management: Create and manage social groups.
- Responsive Design: Ensure your app looks great on all devices.
- UI Design: Learn how to use Figma to create beautiful user interfaces.
You'll not only write clean, reusable code but also implement advanced features like notifications, tweeting, commenting on tweets, pagination, and a search functionality. Each section dives deep into practical aspects, from setting up the project to deploying it live!
Materials and References:👇
GitHub Repository (give it a star ⭐) https://github.com/Programming-Fluency/Twiddle-course
💻 Join our Discord Community: https://discord.com/invite/AgAKRtbXsp
🤝 Business Inquiries: [email protected]
Course Sections: 👇
00:00:00 - Intro
00:02:25 - A look at the final version of Twiddle
00:14:14 - Initializing a Git repository
00:18:19 - What is a Design Document
00:20:36 - The Design Document of Twiddle
00:23:47 - Creating the UI Design
01:17:27 - Project Setup
01:30:25 - Authentication
02:04:43 - Layout and UI Foundation
2:33:32 - Building Navigation Components
3:08:18 - User Models and Actions
3:57:48 - Onboarding and Account Management
4:55:27 - Sidebar and User Cards
5:33:09 - Tweet Feature
6:02:42 - Groups Feature
6:46:51 - Group Components
7:05:35 - Home page and Tweet Actions
8:17:10 - User Profile Feature
8:43:59: - Edit Profile and Groups Pages
8:55:02 - Replies and Comments
9:10:35 - Notifications and Search
9:24:56 - Outro