shayan-cyber / DotSlashProj

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together

CodeTogether

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together. The saved code of one collaborator is easily reflected to the others allowing them to save the changes in their codes. Moreover, in case of any coding related queries, the relevant articles can prove to be a helping hand for programmers.

CTFINAL.mp4

🔗 PPT Link

https://www.canva.com/design/DAE0U_zRRqg/ASHE8CkJ7K2iYmQw68AIow/view?utm_content=DAE0U_zRRqg&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

Contributors

@Apara Biswas

@Diya Karmakar

@Shayan Debroy

Features

• Collaborative Code Editor
• Whiteboard Assistance
• Updates of Upcoming Coding Contests
• Realtime Chat
• Online Voice Call
• Share Invite Link Through Whatsapp
• Helping Hand for your coding related queries.

Future Scopes

• Hold coding contests, developer challanges
• Hold sponsored challenges
• Reward them based on challenges
• Improve the Editor facilities
• Improve the whiteboard
• Add more features to whiteboard

Screenshots

Run Locally

Clone the project

  git clone https://github.com/shayan-cyber/DotSlashProj.git

Go to the project directory

  cd DotSlashProj

For backend setup

Navigate to Backend

  cd Backend

Make virtualenv

  python -m venv venv

Activate venv

  . env/Scripts/activate

Navigate to core

  cd core

Install python packages

  pip install -r requirements.txt

Run server

  python manage.py runserver

for frontend setup

Navigate to Frontend

  cd Frontend

Navigate to ct_frontend

  cd ct_frontend

Install npm packages

  npm install

Run the frontend

  npm run dev

Tech Stack

Client: Next.JS, TailwindCSS, Framer motion, React Icons

Server: Python, Django

WorkFlow

Resources Used

• For compiling code : API_Paiza

• For editor ui : ACE_editor

• For contest details : Kontests_API

VOICE POWERED BY:

Vonage