Skip to content

Latest commit

 

History

25 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐦 Twitter Clone

A simple Twitter clone built with modern web technologies, aiming to replicate core features like user authentication, tweeting, following, and real-time updates.

Twitter Clone Screenshot

✨ Features

  • 🔐 User Authentication: Sign up, log in, log out
  • 📝 Tweet Management: Create, edit, and delete tweets
  • 👥 User Interaction: Follow and unfollow users
  • ⚡ Real-Time Updates: New tweets and notifications
  • 📱 Responsive Design: Optimized for mobile and desktop
  • 🔄 Data Fetching: React Query for data fetching and caching
  • 👤 Suggested Users: Follow recommendations
  • 🗂️ Post Management: Create, delete, and comment on posts
  • ❤️ Post Interactions: Like posts
  • 🛠️ Profile Management: Edit profile info, cover image, and profile image
  • 📷 Image Uploads: Using Cloudinary
  • 🔔 Notifications: Send and receive notifications
  • 🚀 Deployment: Ready for deployment
  • 🔧 And much more!

🛠️ Technologies Used

  • Frontend: React, Tailwind CSS
  • Backend: Node.js, Express
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)
  • Real-Time Updates: Socket.io

⚙️ Installation

  1. 📥 Clone the repository:
    git clone https://github.com/trungvd2011/twitter-clone.git
  2. 📂 Navigate to the project directory:
    cd twitter-clone
  3. 🔧 Setup .env file:
    MONGO_URI=...
    PORT=...
    JWT_SECRET=...
    NODE_ENV=...
    CLOUDINARY_CLOUD_NAME=...
    CLOUDINARY_API_KEY=...
    CLOUDINARY_API_SECRET=...
  4. 🔨 Build the app:
    npm run build
  5. 🚀 Start the app:
    npm start

About

Full Stack Twitter Clone | React & Node.js & JWT

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages