Skip to content

theyashdhiman04/Haxplore

Repository files navigation

🚀 Haxplore - AI-Powered Collaborative Code Editor

Haxplore Banner Next.js React Firebase

Revolutionize your coding experience with real-time collaboration and AI assistance

Live DemoDocumentationReport BugRequest Feature


✨ Features

🤝 Real-Time Collaboration

  • Live Cursor Tracking - See where your teammates are coding in real-time
  • Instant File Sync - Changes appear instantly across all users
  • Built-in Team Chat - Communicate without leaving the editor
  • Workspace Invitations - Seamlessly invite team members

🤖 AI-Powered Assistance

  • Smart Code Completion - Get intelligent suggestions as you type
  • Real-time Error Detection - Catch bugs before they happen
  • Auto Documentation - Generate comprehensive code docs instantly
  • AI Chatbot - Ask questions and get instant coding help

🛠️ Advanced Editor Features

  • Multi-language Support - Syntax highlighting for 50+ languages
  • Recursive File Navigation - Manage complex folder structures effortlessly
  • Drag & Drop Organization - Intuitive file and folder management
  • Customizable Themes - Personalize your coding environment

🔐 Enterprise Security

  • Google OAuth Integration - Secure authentication with Google accounts
  • Email/OTP Verification - Additional security layer for workspace access
  • Role-based Access Control - Manage permissions and workspace security
  • Real-time Data Sync - Firebase-powered reliable synchronization

🛠️ Tech Stack

Frontend Backend AI Services Database Authentication
Next.js Firebase Google Gemini Firebase Realtime Firebase Auth
React Monaco Editor AI Chatbot Firestore OTP
Tailwind CSS Shadcn UI Code Linting Real-time Sync Workspace Security

🚀 Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn
  • Firebase account
  • Google Gemini API key

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/haxplore.git
    cd haxplore
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Set up environment variables

    cp .env.example .env.local

    Add your configuration:

    NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
    NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
    NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
    NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
    NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
    NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id
    NEXT_PUBLIC_GEMINI_API_KEY=your_gemini_api_key
  4. Run the development server

    npm run dev
    # or
    yarn dev
  5. Open your browser Navigate to http://localhost:3000


🎯 Key Features in Action

Real-Time Collaboration

// Multiple developers can edit simultaneously
// Changes sync instantly across all users
// No more merge conflicts!

AI-Powered Code Assistance

// AI suggests improvements in real-time
// Automatic documentation generation
// Smart error detection and fixes

Secure Workspace Management

// Invite team members securely
// Role-based access control
// Real-time chat and collaboration

🤝 Contributing

We love your input! We want to make contributing to Haxplore as easy and transparent as possible.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Development Guidelines

  • Follow the existing code style
  • Add tests for new features
  • Update documentation as needed
  • Ensure all tests pass

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


�� Acknowledgments

  • Monaco Editor - For the powerful code editing experience
  • Firebase - For real-time database and authentication
  • Google Gemini - For AI-powered code assistance
  • Next.js Team - For the amazing React framework
  • Shadcn UI - For beautiful, accessible components

Made with ❤️ by Yash Dhiman

GitHub stars GitHub forks GitHub issues GitHub license

About

Haxplore is an AI-powered collaborative code editor enabling real-time coding, intelligent AI assistance, and secure team collaboration with a modern developer-first experience.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors