Dev Hub - Full Stack Social Media Platform

Dev Hub is a full-stack social media application (Twitter clone) built using the MERN stack. It features user authentication, profile management, post creation with image support via Cloudinary, and a real-time notification system.

Live URL:- https://twitter-clone-qdxz.onrender.com/

Tech Stack

Backend: Node.js, Express.js

Database: MongoDB (via Mongoose)

Authentication: JSON Web Tokens (JWT) & bcryptjs

Image Storage: Cloudinary

Frontend: React (Vite) with Tailwind CSS & DaisyUI

Key Features

• Authentication: Secure signup, login, and logout with cookie-based JWT storage.

• User Profiles: Get user details, update profile information, and follow/unfollow functionality.

• Post Management: Create posts (with image support), delete posts, and like/comment on existing content.

• Feed Logic: View all posts, following-only feeds, user-specific posts, and liked posts.

• Notifications: Receive alerts for interactions and clear notifications individually or all at once.

• Deployment Ready: Configured for production with static file serving from a frontend build folder.

Environment Variables

To run this project, you will need to add the following variables to a .env file in your root directory:

PORT=5000

MONGO_URI=your_mongodb_uri

JWT_SECRET=your_jwt_secret

NODE_ENV=development

CLOUDINARY_CLOUD_NAME=your_cloud_name

CLOUDINARY_API_KEY=your_api_key

CLOUDINARY_API_SECRET=your_api_secret

Getting Started

Clone the repository

Install dependencies:

npm run build

This command installs both root and frontend dependencies.

Run the application:

Development: npm run dev

Production: npm start