Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/sarthak-dhaduk/vc-studio

Virtual Collab Studio is a platform for collaborative coding. Users can create or join workspaces, write and compile code in an online editor, and post or share code snippets within the community, fostering seamless teamwork and code sharing.
https://github.com/sarthak-dhaduk/vc-studio

asp-net asp-net-core blog code-editor collaborative community compiler

Last synced: 5 months ago
JSON representation

Virtual Collab Studio is a platform for collaborative coding. Users can create or join workspaces, write and compile code in an online editor, and post or share code snippets within the community, fostering seamless teamwork and code sharing.

Awesome Lists containing this project

README 

          



[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![LinkedIn][linkedin-shield]][linkedin-url]








  

    Logo

  



  
Virtual Collab Studio (VC Studio)



  


    An innovative collaborative coding platform for seamless teamwork and code sharing.

    


    Explore the docs »

    


    


    Report Bug

    ·

    Request Feature

  





  Table of Contents

  
    

        
  1. 

          About The Project

          

        
    2. 

        
  2. 

          Built With

        
    3. 

        
  3. 

          UI Design

        
    4. 

        
  4. 

          Getting Started

          

        
    5. 

        
  5. Usage
    6. 

        
  6. Contributing
    7. 

        
  7. Contact
    8. 

      



## About The Project



"Virtual Collab Studio (VC Studio)" is a collaborative coding platform designed for teams to code together in real time, share ideas, and publish their work for the community. Built as a project by Sarthak Dhaduk, Yash Lalani, and Jigar Kalariya, it features a seamless blend of collaborative coding and a blog-style sharing interface.



The project consists of two components within one solution:

1. **Server:** Built with ASP.NET Core Web Application (MVC), it handles client requests, manages collaborative sessions, and relays messages.

2. **Client:** Developed with ASP.NET Web Application (.NET Framework), it offers a feature-rich collaborative code editor, compiler, and community blog.



### Key Features

* **Collaborative Workspace:** Create and join real-time coding sessions using a unique workspace ID.

* **Code Editor & Compiler:** Work collaboratively on code with live compilation support.

* **Community Blog:** Share code snippets with titles and descriptions, allowing others to review and rate them.

* **Real-Time Communication:** Use WebSocket technology for instant updates and seamless interaction.

* **Open Source:** A community-driven project open for contributions and enhancements.



(back to top)



### Built With



* [![Bootstrap][Bootstrap]][Bootstrap-url]

* [![JavaScript][JavaScript]][JavaScript-url]

* [![C#][CSharp]][CSharp-url]

* [![HTML][HTML]][HTML-url]

* [![CSS][CSS]][CSS-url]

* [![WebSocket][WebSocket]][WebSocket-url]



(back to top)



## UI Design



The user interface of "Virtual Collab Studio" has been meticulously crafted to provide a user-friendly and efficient collaborative coding experience. From real-time code editing to blog functionality, the design ensures an intuitive and engaging experience.



You can explore the complete UI design on Figma using the link below:



[![Figma Design Link](https://img.shields.io/badge/Figma-UI%20Design-ff69b4?style=for-the-badge&logo=figma)](https://www.figma.com/design/dS6tIrJ03cLN41jJmvKMpr/Virtual-Collab-Studio?node-id=0-1&t=pS4vUxGyLqiDXKxL-1)



(back to top)



## Getting Started



Follow these steps to set up and run "Virtual Collab Studio" locally.



### Prerequisites



Before starting, ensure you have the following installed:



* **ASP.NET Core SDK**: Download from [ASP.NET Core](https://dotnet.microsoft.com/en-us/download).

* **Visual Studio**: Ensure it includes support for ASP.NET and web development.

* **WebSocket Support**: Ensure your system supports WebSocket technology.



### Installation



1. **Clone the repository:**

   ```sh

   git clone https://github.com/sarthak-dhaduk/VC-Studio.git

   ```



2. **Open the Solution:**

   - Open the project in Visual Studio.



3. **Restore Dependencies:**

   - Use NuGet Package Manager to restore required packages.



4. **Configure Server:**

   - Update the connection strings and WebSocket configurations in the server project.



5. **Run the Server and Client Projects:**

   - Set both projects (server and client) as startup projects and run them simultaneously.



(back to top)



## Usage



"Virtual Collab Studio" is designed to simplify collaborative coding and community sharing. Here are some use cases:



* **Real-Time Collaboration:**

  - Create or join a workspace using a unique ID and code collaboratively in real-time.



* **Community Blogging:**

  - Share code snippets with titles and descriptions on the blog page.

  - Rate and review posts from the community.



* **Code Compilation:**

  - Write and compile code directly within the collaborative editor.



(back to top)



## Contributing



Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.



1. Fork the Project

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



(back to top)



## Contact



Maintenance Team:



- **Sarthak Dhaduk** - [sarthakdhaduk1111@gmail.com](mailto:sarthakdhaduk1111@gmail.com)

- **Yash Lalani** - [yashlalani43@gmail.com](mailto:yashlalani43@gmail.com)

- **Jigar Kalariya** - [jigar.kalariya28@gmail.com](mailto:jigar.kalariya28@gmail.com)



(back to top)



[contributors-shield]: https://img.shields.io/github/contributors/sarthak-dhaduk/VC-Studio.svg?style=for-the-badge

[contributors-url]: https://github.com/sarthak-dhaduk/VC-Studio/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/sarthak-dhaduk/VC-Studio.svg?style=for-the-badge

[forks-url]: https://github.com/sarthak-dhaduk/VC-Studio/network/members

[stars-shield]: https://img.shields.io/github/stars/sarthak-dhaduk/VC-Studio.svg?style=for-the-badge

[stars-url]: https://github.com/sarthak-dhaduk/VC-Studio/stargazers

[issues-shield]: https://img.shields.io/github/issues/sarthak-dhaduk/VC-Studio.svg?style=for-the-badge

[issues-url]: https://github.com/sarthak-dhaduk/VC-Studio/issues

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://linkedin.com/in/sarthak-dhaduk

[Bootstrap]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white

[Bootstrap-url]: https://getbootstrap.com

[JavaScript]: https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black

[JavaScript-url]: https://developer.mozilla.org/en-US/docs/Web/JavaScript

[CSharp]: https://img.shields.io/badge/C%23-239120?style=for-the-badge&logo=c-sharp&logoColor=white

[CSharp-url]: https://learn.microsoft.com/en-us/dotnet/csharp/

[HTML]: https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white

[HTML-url]: https://developer.mozilla.org/en-US/docs/Web/HTML

[CSS]: https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white

[CSS-url]: https://developer.mozilla.org/en-US/docs/Web/CSS

[WebSocket]: https://img.shields.io/badge/WebSocket-4EA94B?style=for-the-badge&logo=websocket&logoColor=white

[WebSocket-url]: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API