Code-N-Collab

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #linux #docker #macos #windows #awesome #kubernetes #vue #pytorch #openai #mcp #open-source

(★ 45)

CodeNCollab is a Collaborative Website for developers and competitive coders who likes to code and discuss about topics , problems or issues , etc

Code-N-Collab Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![MIT License][license-shield]][license-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
[![Netlify Status](https://api.netlify.com/api/v1/badges/30ec72b0-446f-44c8-b683-6f975f131898/deploy-status)](https://app.netlify.com/sites/code-n-collab/deploys)

<details open="open">
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#-about">About</a>
      <ul>
        <li><a href="#-features">Features</a></li>
      </ul>
    </li>
    <li>
      <a href="#-getting-started">Getting Started</a>
      <ul>
        <li><a href="#prerequisites">Prerequisites</a></li>
      </ul>
         <ul>
        <li><a href="#installation">Installation</a></li>
      </ul>
    </li>
    <li><a href="#-contribution-guidelines">Contributing</a></li>
    <li><a href="#-contact">Contact</a></li>
    <li><a href="#-resources">Resources</a></li>
    <li><a href="#license">License</a></li>
  </ol>
</details>

![](https://github.com/atharmohammad/Code-N-Collab/blob/master/gif/codencollab.gif)

# 🔖 About
Code - N - Collab is a Collaboration website for Software developers , Competitive coders , and every one who loves to code and collaborate with others to learn and grow. It provides users to collaborate with their team , friends and also find people with similar their interests.

### Website
[Code-N-Collab](https://code-n-collab.netlify.app/)

## 🚀 Features
It provides users with :-
- Real-time code editor : Users can collaborate with their team on issues and solve CP problems using a real-time code-editor(like Google Docs)

- Lockout Championship : For Cp lovers, they can compete in a lockout championships with their friends to and challenge your friends for championship,filter problems with preferred difficulty and improve you CP skills

- Blogs : To find new people and share your knowledge , platform provides users blogs to write learn and share

## 🔥 Getting Started

### Prerequisites

- <a href="https://reactjs.org/">Reactjs</a>
- <a href="https://nodejs.org/en/">Nodejs</a>

#### Setup Environment variables
```
     REACT_APP_SIGNALLING_URL1 = wss://y-webrtc-signaling-eu.herokuapp.com
     REACT_APP_SIGNALLING_URL2 = wss://y-webrtc-signaling-us.herokuapp.com
     REACT_APP_BASE_URL = 'http://localhost:8080/'
```

#### Setup backend for Code - N - Collab
<a href="https://github.com/atharmohammad/Code-N-Collab-Server">Code - N - Collab Backend</a>

### Installation

- Fork the Repository

```
   $ git clone https://github.com/<your-username>/Code-N-Collab.git
   $ cd Code-N-Collab
   $ git remote add upstream https://github.com/atharmohammad/Code-N-Collab.git
   $ npm install
   $ npm start
```

## 💁 Contribution guidelines

we encourage organizations and individuals to contribute requirements, documentation, issues, new templates, and code.
 For code contributions, read :

- The <a href="CODE_OF_CONDUCT.md" >Code of Conduct</a>
- The <a href="CONTRIBUTING.md">Contribution Guidelines</a>
- The <a href="https://drive.google.com/drive/folders/1SB2dGPe3Avzsj0VXJ3sclTTdpjC1FbpV?usp=sharing">Documentation</a>

## 📲 Contact

<a href="https://www.linkedin.com/in/athar-mohammad-34068a157/">Mohd Athar</a> - mohd.rule123@gmail.com
<br>
<a href="https://www.linkedin.com/in/adnan-shamsi-5830301b3/">Adnan Shamsi</a> - adnanshamsi023@gmail.com

## 📚 Resources
- <a href="https://socket.io/docs/v4" >Socket.Io Documentation </a>
- <a href="https://github.com/yjs/yjs/blob/master/README.md" > Yjs Docs </a>
- <a href="https://github.com/scniro/react-codemirror2">React-Codemirror Editor Docs</a>

## 📌 Credits :

This project exists, thanks to all the people who contribute.

## License
<a href="LICENSE">Apache License 2.0</a>

[contributors-shield]: https://img.shields.io/github/contributors/atharmohammad/Code-N-Collab.svg?style=for-the-badge
[contributors-url]: https://github.com/atharmohammad/Code-N-Collab/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/atharmohammad/Code-N-Collab.svg?style=for-the-badge
[forks-url]: https://github.com/atharmohammad/Code-N-Collab/network/members
[stars-shield]: https://img.shields.io/github/stars/atharmohammad/Code-N-Collab.svg?style=for-the-badge
[stars-url]: https://github.com/atharmohammad/Code-N-Collab/stargazers
[issues-shield]: https://img.shields.io/github/issues/atharmohammad/Code-N-Collab.svg?style=for-the-badge
[issues-url]: https://github.com/atharmohammad/Code-N-Collab/issues
[license-shield]: https://img.shields.io/github/license/atharmohammad/Code-N-Collab.svg?style=for-the-badge
[license-url]: https://github.com/atharmohammad/Code-N-Collab/blob/master/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/athar-mohammad-34068a157/
[product-screenshot]: Images/homepage.PNG

Code-N-Collab

Code-N-Collab Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Code-N-Collab

Code-N-Collab Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README