💫 Project description

Hey there! Welcome to DevOrbit, the ultimate space for devs to pair program, share code snippets, and work together. Whether you're looking to work on a project, brainstorm new ideas, or just have a random chat about your favorite tech topics, DevOrbit has got you covered. It's where magic happens—think of it as your coding spaceship?

🚀 The Idea

The idea behind DevOrbit was to create a space where developers from around the globe can connect and collaborate based on their interests. I find myself to be very efficient when I code alongside some hardworking folks on my idea, it keeps me going and sometimes even give rise to new ideas during chat. So yes, that is kinda the idea behind DevOrbit.

✨ Major Features!

• SignUp/SignIn 🔐: Social login using Google is used
• Room Creation and Joining : Easily create or join rooms to collaborate with others.
• Tags based room filter 🔍: Search for rooms using tags on tech the room is using.
• Video Meetings 🎥: Video meetings with screensharing, pinning, picture-in-picture mode etc.
• Chat 💬: Communicate with other participants in real-time using Socket.io.
• Excalidraw : Each room has its own Excalidraw whiteboard session that in-room users can make use of.
• Room Info Box : Handy information about the current room.
• Task Management 📝: Stay organized with a task list feature.
• Timer ⏱️: Keep track of your sessions with a built-in timer.

🌍 DevOrbit is designed to handle small to medium-sized groups of developers efficiently. However, currently the participants per room is capped to limit costs. In the future, we can scale by Optimizing Three.js ie, enhancing the performance of the interactive landing page :)

Few Screenshots!

Checkout the demo here: https://youtu.be/dBQ4eBW-qZQ

🌟 Technologies Used

• Next.js: A powerful React framework for server-side rendering and building static web applications.
• TypeScript: For type-safe code, reducing errors and improving maintainability.
• Tailwind CSS: Utility-first CSS framework for rapid and efficient UI development.
• Socket.io: Real-time communication for chat functionality.
• getStream.io: High-quality video meetings and screen sharing.
• PostgreSQL: Robust relational database for storing user data and room information.
• Drizzle ORM: Simplifies database operations and ensures efficient data handling.
• Excalidraw: Collaborative whiteboard for real-time drawing and diagramming.
• Google OAuth: Secure and convenient social login for user authentication.
• three.js: For landing page animation.

⚙️ Local Development Setup

Here’s how you can set up DevOrbit on your local machine:

Clone the repository:

git clone https://github.com/JuanitaCathy/DevOrbit.git
cd DevOrbit

Install dependencies:

npm install

Set Up Environment Variables

Create a .env file in the root directory and add the required environment variables as shown in .example.env.

Run the app:

npm run dev

📜 License

Devorbit is licensed under the MIT License. See the LICENSE file for more details.