X_CLONE Documentation

Welcome to the documentation for X Clone! X Clone is a social media platform inspired by X, designed to foster social interactions and sharing within a community. Below you'll find an overview of the project, its features and technologies used.

Live Preview

Experience X Clone in action: Live Preview

Backend Repository

Explore the backend codebase on GitHub: X Clone Backend

Screenshots

Take a glimpse at X Clone's interface:

Overview

X Clone is a social media platform inspired by X, built with React on the front end and Node.js, Express, and MongoDB on the back end. The app allows users to create accounts, post with images, follow other users, and engage in other social interactions.

Key Features

X Clone offers the following key features:

• Authentication: Users can create an account, log in with GitHub, or sign in as a guest.
• User Profiles: Users can edit their profiles, view their posts and likes, followers, and following list.
• Social Interactions: Users can post messages, follow/unfollow other users, comment on posts, and like posts.
• Multimedia Support: Users can include images in their posts.

Technologies Used

The following technologies are used to build X Clone:

• Frontend: React, Typescript, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB, Mongoose
• Deployment: Railway, Netlify

Frontend Overview

• X Clone uses React with TypeScript for the front end, with Tailwind CSS for styling.

Backend Overview

• X Clone uses Node.js and Express.js for the server-side application. It communicates with MongoDB via Mongoose.
• Authentication via Passport.js for OAuth and JWT.
• Integration of multimedia content via Cloudinary.