Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/atharmohammad/code-n-collab

CodeNCollab is a Collaborative Website for developers and competitive coders who likes to code and discuss about topics , problems or issues , etc
https://github.com/atharmohammad/code-n-collab

among-us atcoder axios challenge codechef codeforces codemirror collaboration convergence cses geeksforgeeks javascript react react-router real-time realtime-collaboration redux socket-io yjs

Last synced: about 17 hours ago
JSON representation

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

Awesome Lists containing this project

README

        








[![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)

Table of Contents



  1. About



  2. Getting Started



  3. Contributing

  4. Contact

  5. Resources

  6. License


















![](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

- Reactjs
- Nodejs

#### 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
Code - N - Collab Backend

### Installation

- Fork the Repository

```
$ git clone https://github.com//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 Code of Conduct
- The Contribution Guidelines
- The Documentation

## 📲 Contact

Mohd Athar - [email protected]


Adnan Shamsi - [email protected]

## 📚 Resources
- Socket.Io Documentation
- Yjs Docs
- React-Codemirror Editor Docs

## 📌 Credits :

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



## License
Apache License 2.0

[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