Skip to content

Latest commit

Β 

History

History
76 lines (46 loc) Β· 2 KB

File metadata and controls

76 lines (46 loc) Β· 2 KB

VibeXCode

VibeXCode is a modern, collaborative group chat and forum platform built using Next.js, Tailwind CSS, Socket.IO, MongoDB, and Appwrite. It supports real-time messaging, image sharing, and authentication with both Appwrite and Firebase (including social login options).

🌟 Features

  • πŸ” User Authentication with Appwrite & Firebase
  • πŸ’¬ Real-time group chat using Socket.IO
  • πŸ–ΌοΈ Image sharing support
  • πŸŒ— Light and Dark mode UI
  • πŸ‘€ Editable user profiles (name, email)
  • πŸ§‘β€πŸ’» Developer-friendly tech stack
  • πŸ“± Responsive design

πŸ“Έ Screenshots

🏠 Main Page – Light Mode

Screenshot 2025-07-21 165058

🏠 Main Page – Dark Mode

Screenshot 2025-07-21 165011

πŸ“Š Dashboard Page

Screenshot 2025-07-21 165031

πŸ‘€ Profile Page

Screenshot 2025-07-21 165045

βš™οΈ Tech Stack

  • Frontend: Next.js, Tailwind CSS
  • Real-time Communication: Socket.IO
  • Authentication: Appwrite, Firebase
  • Database: MongoDB
  • Deployment: Vercel / Netlify / Custom

πŸš€ Getting Started

Prerequisites

  • Node.js β‰₯ 18
  • MongoDB (local or Atlas)
  • Appwrite project & API keys
  • Firebase setup (for optional social login)

Setup

# Clone the repo
git clone https://github.com/yourusername/vibexcode.git
cd vibexcode

# Install dependencies
npm install

# Create and configure .env.local
cp .env.example .env.local
# Fill in Appwrite, Firebase, and MongoDB credentials

# Run the development server
npm run dev