Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

X Clone – Twitter (X) Full Stack Clone

A fully functional Twitter (X) clone built with a modern full-stack architecture using Next.js and Spring Boot. It supports real-time feeds, secure JWT authentication, profile management, media uploads, and a clean, mobile-responsive UI.

Live Demo

image


🧩 Overview

X Clone replicates the essential features of Twitter/X while showcasing best practices in full-stack web development. It includes secure login, post creation, image upload, profile pages, and a personalized timeline — all designed with scalability and performance in mind.

This project serves as a portfolio-grade app, ideal for demonstrating skills in full-stack development, JWT-based authentication, and modern frontend architecture.


⚙️ Tech Stack

🔹 Frontend

  • Next.js 15 – App Router, SSR, API Routes
  • React 19
  • Redux Toolkit – Global state management
  • Tailwind CSS – Utility-first responsive styling
  • Axios – API communication
  • Cloudinary – Image upload
  • React Icons, React Datepicker

🔸 Backend

  • Spring Boot 3.4.2
  • Spring Security – JWT-based Authentication & Authorization
  • Spring Data JPA – ORM with Hibernate
  • Aiven for MySQL – Managed cloud SQL database
  • JJWT – JSON Web Token management
  • Lombok – Boilerplate reduction
  • Spring Boot Actuator – App health monitoring

🚀 Features

  • 🔐 Secure authentication with JWT
  • 📝 Post tweets (text + image support)
  • 🧵 Replies and Threads
  • 👤 User profile with bio and media
  • 🫂 Follow/Unfollow system
  • 📜 Personalized timeline feed
  • 🔎 Search users and tweets
  • ☁️ Cloudinary integration for media
  • ⚡ Fast and responsive design

🏗️ Architecture Highlights

  • Monorepo Style: Separated frontend (Next.js) and backend (Spring Boot)
  • REST API: Stateless, secure endpoints protected with JWT
  • Database: Cloud-hosted Aiven MySQL with JPA entities
  • Media: Uploaded images are hosted and transformed via Cloudinary
  • State Management: Redux Toolkit with slices per feature
  • Environment Driven: .env files manage URLs, API keys, secrets

🧑‍💻 Author

Built with ❤️ by Ankit Kumar Nayak
📧 Email: ankitkumarnayak1234@gmail.com
🔗 Connect on LinkedIn


📄 License

This project is licensed under the MIT License.


🤝 Contributions

While this is a personal full-stack showcase, contributions or suggestions are welcome. Feel free to fork, submit issues, or open PRs!


About

x-clone - A Next.js and Spring Boot-powered social media platform that enables real-time posts, user authentication, and seamless interaction with a modern, scalable design.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages