Code-Mate

Inspiration

The pandemic has been a challenge for all of us and since we didn’t get to meet our friends like the pre-covid days, we devised new ways of keeping contact with them. Being a coder, what’s better than having coding sessions with our friends/peers/random folks alongside chatting, talking and even sharing our screens to resolve each others' doubts, all on a single platform. But why just think about something when we can bring it to reality ourselves! Being a developer has it’s own advantages, doesn’t it?

What it does

Code-Mate is a simple web app that enables you to code with your friends or random folks while you all are in a meeting; allowing you to chat, talk and even share your screen with them. As you land on the website, you get an option to join as a guest and enter into one of the public coding rooms. While you are in the room, on the left hand side, you get a bunch of random questions to practice on. While on the right side, there is an editor to write your code on. Here, you can select your preferred coding language from the dropdown list. Then after you have written your code, you can check if the provided input gives a desired output by clicking on the provided Submit button. But what if you have a doubt or want to crosscheck your answer with that of your mates or just simply want to chit chat while you code? Don’t worry! In the bottom section, all the room members get an option to enter in a meeting where you can experience all this.

How we built it

For the Client side, we used HTML, CSS and vanilla JavaScript while on the Server side, we used Node.js and Express.

Challenges we ran into

We faced an issue while setting up a custom route for the IDE api call which was later resolved with the help of one of the VividHack mentors.

Accomplishments that we're proud of

While developing this app, we learned/revisited and implemented :-

setting up the server and the routes using express fetching data from an API using a Node.js call and displaying it to the client-side finished the app from designing UI to deployment within the span of hackathon (65 hrs)