CodeSync

---------------------------

Collaborate. Innovate. Elevate.

CodeSync is a real-time collaborative coding environment powered by ai that allows developers to write, share, and edit code together. It features a shared file system, a collaborative code editor, a whiteboard for brainstorming, and a chat for communication.

Features

• Real-time Collaboration: Work with your team in a shared environment, with changes reflected instantly for all participants.
• Shared File System: Manage your project files with a shared file system, allowing for easy access and organization.
• Collaborative Code Editor: Write and edit code together in a powerful, feature-rich code editor.
• AI Powered: chat with our ai with /ai and /code
• Whiteboard: Brainstorm ideas, draw diagrams, and visualize your thoughts on a collaborative whiteboard.
• Chat: Communicate with your team in real-time with the built-in chat feature.
• Rooms: Create or join rooms to collaborate with your team on specific projects.
• Authentication: Secure your projects with user authentication, ensuring that only authorized users can access your work.

Technologies Used

• Frontend:
  • Next.js - React framework for building user interfaces.
  • React - JavaScript library for building user interfaces.
  • Liveblocks - Toolkit for building real-time collaborative experiences.
  • Monaco Editor - Code editor that powers VS Code.
  • Tailwind CSS - Utility-first CSS framework for styling.
  • Shadcn UI - Re-usable components built using Radix UI and Tailwind CSS.
• Backend:
  • Convex - Backend platform for building web applications.
  • Clerk - User authentication and management.
• Languages:
  • TypeScript - Typed superset of JavaScript.

Getting Started

To get started with CodeSync, you'll need to have Node.js and pnpm installed on your machine.

1. Clone the repository:

   git clone https://github.com/your-username/codesync.git

2. Install dependencies:

   pnpm install

3. Set up environment variables:

   Create a .env.local file in the codeSync directory and add the following environment variables:

   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
   CLERK_SECRET_KEY=
   CONVEX_DEPLOYMENT=
   NEXT_PUBLIC_CONVEX_URL=
   GEMINI_API_KEY=
   

4. Run the development server:

   pnpm dev

This will start the development server, and you can access the application at http://localhost:3000.