Feed

Feed is a social media application built with Next.js, TypeScript, Tailwind CSS and MongoDB, featuring a robust functionality for posting, liking, and interacting with content.
It also includes a realtime chat system powered by Socket.IO for seamless, interactive messaging between users.

Live Demo - Project Live Link

📌 Features

🌐 Public Access

• Landing Page — Welcome page introducing the platform.
• Home Page — Browse the latest posts without signing in.
• Explore Page — Search and view user profiles.

👤 User Features

• Sign In / Sign up / Sign Out securely.
• JWT-based session management.
• Onboarding for new users
• Profile editing with name, bio
• Explore other users’ profiles and their posts.

📝 Post Features

• Create, Like, Reply, and Delete Posts
• Infinite scrolling feed
• Post timestamps and like, reply counts
• View user-specific posts and replies

💬 Chat Features

• Realtime 1:1 chat via Socket.IO.
• Message timestamps.
• Chat list view
• Last message preview
• Unread message count badges
• Online status and typing indicators.

---

💻 Tech Stack

Frontend:

• Next.js — React framework for fast, scalable web apps.
• TypeScript — Typed superset of JavaScript.
• Tailwind CSS — Utility-first CSS framework.
• shadcn/ui — Beautiful, accessible UI components.
• lucide-react — Icon library.
• zustand — Global state management.

Backend:

• Express — Web framework for Node.js.
• MongoDB — NoSQL document database.
• Mongoose — ODM for MongoDB.
• bcrypt — Password hashing.
• jsonwebtoken (JWT) — Token-based authentication.
• Socket.IO — Realtime, bidirectional communication.

---