X Twitter Clone

Fullstack X/Twitter Clone: Next.js 13 Showcase

This project is a comprehensive X (formerly Twitter) clone built with a modern full-stack approach. It utilizes Next.js 13, React, TypeScript, Prisma for ORM, Clerk for authentication, Cloudinary for image uploads, and Tailwind CSS with Shadcn UI for a polished user interface. It demonstrates building a social media platform, though it notes limitations like the absence of WebSockets for fully real-time updates on interactions such as likes and follows. This serves as a significant learning project and a practical example of integrating these technologies.

Features:

• Create Tweet: Supports posting tweets with text, image uploads (via Cloudinary), and links.
• Delete Tweet: Allows users to remove their own tweets from the platform.
• Share Tweet: Provides functionality to share tweets with other users or externally.
• Reply Tweet: Enables users to post replies to existing tweets, fostering conversations.
• Like Tweet: Users can express appreciation by liking tweets.
• Bookmark Tweet: Allows users to save tweets for later easy access.
• Follow User: Implements user following and unfollowing capabilities to build a social graph.
• Notifications System: Alerts users about interactions such as new likes, comments, replies, and followers.
• User Search: Integrated menu for searching and finding other users on the platform.
• Explore Page: Dedicated page for discovering trending content and exploring users.
• Profile Editing: Users can update their personal profile information and preferences.
• User Profiles: Displays user-specific content including their posts, replies, and liked tweets.
• Content Pagination: Implemented for efficiently navigating through large lists of tweets and user feeds.
• Modern UI Design: Features a visually appealing user interface built with TailwindCSS and ShadcnUI.
• Responsive Experience: Ensures full responsiveness across devices and a tailored mobile UI.

Summary:

This X/Twitter clone project is a robust demonstration of building a modern social media application using Next.js 13, React, and a suite of contemporary tools including Prisma, Clerk, and Tailwind CSS. It highlights core social networking features from tweet creation and user interaction to profile management and notifications. While acknowledging areas for further real-time enhancement, it provides a valuable, open-source reference for developers exploring this tech stack for complex web application development.