🏆Top 5 Winner Stackup October Hackathon Challenge - Collab Code Studio⌨️

A simple collaboration app to collaborate code with others. Free & Easy To Use🎉

This project is nominated as the 5th winner of stackup october hackathon🎉. For more information, you can see the announcement of the list of winner in here: https://earn.stackup.dev/learn/pathways/2024-monthly-hackathon-coding-challenges/skills/october-2024-monthly-coding-challenge/modules/october-2024-monthly-coding-challenges-showcase/tutorials/monthly-hackathon-2024-october-2024-coding-challenge-showcase

P.S: You need to login first, to see the list of the winner announcement :)

🎨 Layout

Why Collab Code Studio✅

Collab Code Studio is a studio community for testing and showcasing user by created HTML, CSS and JavaScript code snippets. It functions as a code editor and open-source learning environment, where stackies can create code snippets and collaborate their codes with others by just create a room, and copy your ROOM ID to other stackies who want to join and collaborate code together.

💻 Technologies

• NextJs
• ReactJs
• Socket.io
• Express
• NodeJs

🚀 Getting started

Here's the description about how to run this project:

Cloning

1. Clone this repository:

git clone https://github.com/daviddprtma/collab_code_studio.git

Starting

2. cd into server folder

cd server

3. Install NPM Packages

yarn

4. Run server

yarn start

5. Now if you want to run for the client side, make a new tab in your terminal and make sure you're in the root folder collab_code_studio

6. Install NPM Packages

yarn

7. Run client server

yarn dev

For the video presentation, see it in below video

Screenshot for the 5th place winner