Caucus

<!-- PROJECT SHIELDS -->

<!-- PROJECT LOGO --> <br /> <p align="center"> <a href="https://caucus-app.herokuapp.com/"> <img src="images/logo.png" alt="Logo" width="256" height="256"> </a> <strong> <h3 align="center" >caucus</h3> </strong> <p align="center"> A Real Time Collaborative Editor with an embedded compiler <br /> <a href="https://github.com/Rishabh-malhotraa/caucus/tree/main/src"><strong>Explore the project »</strong></a> <br /> <br /> <a href="https://caucus-app.herokuapp.com/">View Demo</a> · <a href="https://github.com/Rishabh-malhotraa/caucus/issues">Report Bug</a> · <a href="https://github.com/Rishabh-malhotraa/caucus/issues">Request Feature</a> </p> </p> <!-- TABLE OF CONTENTS --> <details open="open"> <summary>Table of Contents</summary> <ol> <li> <a href="#about-the-project">About The Project</a> <ul> <li><a href="#built-with">Built With</a></li> </ul> </li> <li> <a href="#getting-started">Getting Started</a> <ul> <li><a href="#prerequisites">Prerequisites</a></li> <li><a href="#installation">Installation</a></li> </ul> </li> <li><a href="#roadmap">Roadmap</a></li> <li><a href="#contributing">Contributing</a></li> <li><a href="#license">License</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#acknowledgements">Acknowledgements</a></li> </ol> </details>

📣 Latest Announcements

🆕 5-10-2021: We now have a discussions form, if you want any new feature to be implemented you can discuss here

🆕 28-09-2021: Caucus is participating in Hacktoberfest 2021 🥳

About The Project

Demonstration

<br/>

Collaborative Code Editor

| Login Page | Navigate Rooms Page | | :------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: | | | |

<br />

Built With

• React
• Material UI
• yjs

Written in TypeScript ♥

Getting Started

Follow the instructions to set up the project on your local machine.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g
  

Installation

1. Fork the repo(required), a star is also appretiated but optional :P

2. Clone the forked repo

   git clone https://github.com/{your-github-username}/caucus.git
   

   example : git clone https://github.com/Rishabh-malhotraa/caucus.git

3. Install NPM packages

   npm run install-modules
   

4. Start the react and nodejs server concucrrently

   npm run dev
   

Setting up DATABASE

To setup the database with mockdata, follow this guide

Execute Code

To allow cuacus to execute code, you need to get your api keys from JDoodle and add them to the .env file Update: I have included API keys from a dummy account, you can get your own also from JDoodle, the keys are restricited to 200 executions per day, and is visible to everyone, you can get your own private key at JDOODLE

JDOODLE_CLIENTID=get_your_key
JDOOLDE_CLIENTSECRET=get_your_key

Roadmap

See the open issues for a list of proposed features (and known issues).

Things To do

• [x] Inital Login Page
• [x] Database hookup with login from oAuth
• [x] Chat Application
• [x] Video Chat Application (the main chunk of work)
• [x] Collaborative Editing (the main chunk of work)
• [x] Resizable Panes
• [x] Code Running (Easy need to just hookup with an api)
• [x] Database with all the leetcode question and sorted based on tags.
• [x] IMP: Sync code using localstorage or sockets when a new person joins in the room, with defaultvalue prop on the monaco editor instance.
• [x] Add SSL certificate to the docker container, andd get rid of the current bootleg shenanigans D: (LetsEncrypt or Cloudflare)
• [x] Add codeforce problem using webscraping thingy
• [x] Add Vim Keybinds
• [x] Add intellisense using Language Server Protocal for atleast C++ and JAVA
• [x] Make a public api to fetch questions, based on scraped data
• [ ] Add a full-screen Zen Mode
• [ ] Change Hosting from Heroku to GCP or Digital Ocean
• [ ] Change Heroku PSQL DB to either ~~MongoDB or Firebase~~ SQLITE.
• [ ] Add Autoformating keybind.
• [ ] ~~Fix the number of users in the room.~~
• [ ] ~~REACH: Add video call functionality (using WEBRTC or something propieteary like Twilo proprietary)~~
• [ ] ~~Add ability to add different tabs on the editor instance just like that on VSCODE~~
• [ ] ~~Integrate the random quote thingy on loading screen from forticodes API~~
• [ ] ~~Fix why the loader gets frozen on intial render -_-~~

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

Refer to this article if you have any difficulty in making a pull request

License

Distributed under the MIT License. See LICENSE for more information.

---

Contact

Rishabh malhotraa - @rish_bishhh - rishabhmalhotraa01@gmail.com

Discord : rishabh.malhotra#4193

Project Link: https://caucus-app.herokuapp.com/

---

Stargazers over time

---

Acknowledgements

• Heroku
• Azure
• notistack
• axios
• dog-names
• Best-README-Template
• MIT License
• SVG Backgrounds

<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

Contributors ✨

Thanks goes to these wonderful people (emoji key):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tr> <td align="center"><a href="https://rishabh-malhotraa.github.io/Rishabh-Portfolio-main/"><img src="https://avatars.githubusercontent.com/u/54576074?v=4?s=140" width="140px;" alt=""/><br />_{<b>Rishabh Malhotra</b>}</a><br /><a href="#infra-Rishabh-malhotraa" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/Rishabh-malhotraa/caucus/commits?author=Rishabh-malhotraa" title="Code">💻</a> <a href="#design-Rishabh-malhotraa" title="Design">🎨</a></td> <td align="center"><a href="https://github.com/MarufSharifi"><img src="https://avatars.githubusercontent.com/u/59383482?v=4?s=140" width="140px;" alt=""/><br />_<b>Maruf</b></a><br /><a href="#infra-MarufSharifi" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/Rishabh-malhotr