Skip to content

Flashl3opard/VibexCode

Repository files navigation

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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6

Languages