Skip to content

A fully functional social media replica built with React 19, React Router v7, and Firebase. Features real-time tweeting, Google authentication, image uploads, and instant feed updates.

Notifications You must be signed in to change notification settings

Yunusisback/x-twitter-clone

Repository files navigation

🐦 X (Twitter) Clone

A robust social media application that replicates the core functionality of X (formerly Twitter). Built with the latest React 19 ecosystem and Firebase for a serverless, real-time backend experience.

x clone

✨ Features

  • 🔐 Secure Authentication: Seamless login/signup integration using Google Authentication (Firebase Auth).
  • ⚡ Real-Time Feed: Tweets appear instantly in the feed without refreshing the page (Firestore listeners).
  • 🖼️ Media Support: Users can upload images with their tweets using Firebase Storage.
  • 🗑️ CRUD Operations: Full capability to create, read, and delete tweets (protected by user ownership).
  • 🔔 Interactive UI: Toast notifications for success/error feedback using react-toastify.
  • 🧭 Modern Routing: Implemented with the newest React Router v7 for smooth navigation.
  • ⏱️ Smart Timestamping: Relative time formatting (e.g., "2 mins ago") using moment.js / date-fns.

🛠️ Tech Stack

Category Technologies
Framework React 19 (Vite)
Routing React Router DOM v7
Backend (BaaS) Firebase (Auth, Firestore, Storage)
Styling Tailwind CSS / CSS Modules
Icons React Icons
Notifications React Toastify
Utilities UUID, Moment.js, Date-fns

🤝 Contributing

Contributions are always welcome! Feel free to fork the repo and submit a PR.

About

A fully functional social media replica built with React 19, React Router v7, and Firebase. Features real-time tweeting, Google authentication, image uploads, and instant feed updates.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published