/reactThreadsClone

MERN Stack Threads Clone + Advanced Chat App | Socket.io && JWT && Redux && Chakra UI

Primary LanguageJavaScript

Threads Clone with Real-Time Chat Functionality

Welcome to MERN Stack THread Clone! This is a social media platform built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, Socket.io for real-time communication, and Chakra UI for the user interface. It offers various features including authentication, post creation, deletion, liking/unliking posts, commenting, following/unfollowing users, account freezing, dark/light mode, and a responsive design. Additionally, it includes a chat application with image support, seen/unseen status for messages, and notification sounds.

Demo App

Feature List:

  • 🌟 Tech stack: MERN + Socket.io + Chakra UI
  • 🎃 Authentication & Authorization with JWT
  • 📝 Create Post
  • 🗑️ Delete Post
  • ❤️ Like/Unlike Post
  • 💬 Comment to a Post
  • 👥 Follow/Unfollow Users
  • ❄️ Freeze Your Account
  • 🌓 Dark/Light Mode
  • 📱 Completely Responsive
  • 💬 Chat App With Image Support
  • 👀 Seen/Unseen Status for Messages
  • 🔊 Notification sounds
  • ⭐ Deployment for FREE

Setup .env file

PORT=...
MONGO_URI=...
JWT_SECRET=...
CLOUDINARY_CLOUD_NAME=...
CLOUDINARY_API_KEY=...
CLOUDINARY_API_SECRET=...

Build the app

npm run build

Start the app

npm start