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

https://github.com/chaitanya-0310/code4share

A real-time collaborative coding platform developed to perform collaborative coding on a single platform with multiple developer although they are at different location
https://github.com/chaitanya-0310/code4share

express material-ui mongodb nodejs reactjs socket-io tailwindcss

Last synced: 3 months ago
JSON representation

A real-time collaborative coding platform developed to perform collaborative coding on a single platform with multiple developer although they are at different location

Awesome Lists containing this project

README

          

# Code4Share

Code4Share is a web application in which users can create the playgrounds and code in real-time with their friends and enhance their knowledge with peer learning

## Demo

https://code4share-editor.herokuapp.com/

## Flowchart

![codeshare_flowchart](https://user-images.githubusercontent.com/83701005/214519370-d19c0822-40b5-40ab-a120-7840da458187.jpg)

## Screenshots

![image_1](https://user-images.githubusercontent.com/83701005/213870675-c6f82172-ba80-4ab9-8eb9-2b97f207960b.png)

![image_2](https://user-images.githubusercontent.com/83701005/213870683-a16034d9-b1d4-4963-bd2e-fb375ef09b69.png)

![image_3](https://user-images.githubusercontent.com/83701005/213870688-86a926be-5f07-4fcd-8f5e-598dbaf680bb.png)

![image_4](https://user-images.githubusercontent.com/83701005/213870695-6e1a7533-2ddc-4608-8ca2-0c4840672a50.png)

![image_5](https://user-images.githubusercontent.com/83701005/213870700-088e9b05-c595-4769-9a66-e82b12fc3fbb.png)

![image_6](https://user-images.githubusercontent.com/83701005/213870708-6f5da424-1192-4762-a0a0-ea972891ff83.png)

![image_7](https://user-images.githubusercontent.com/83701005/213870711-efaa14c3-e5a0-4c5a-aac9-ba25e6d5c986.png)

## Installation

Install my-project with npm

```bash
npm install my-project
cd my-project
```

## Run Locally

Clone the project

```bash
git clone https://github.com/Chaitanya-0310/Code4Share.git
```

Go to the project directory

```bash
cd my-project
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run start
```

## Tech Stack

**Client:** React, Redux, TailwindCSS, Material-UI

**Server:** Node, Express, Socket.io, MongoDB