Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/maran1947/codesocket

A real-time code editor with a file explorer functionality.
https://github.com/maran1947/codesocket

code-editor file-explorer nextjs real-time-code-editor socket-io typescript

Last synced: about 6 hours ago
JSON representation

A real-time code editor with a file explorer functionality.

Awesome Lists containing this project

README

        

# CodeSocket
A real-time code editor with a file explorer functionality.

![image](https://github.com/user-attachments/assets/d3499a78-7b85-4ad9-a4f8-e990d46a9b45)
![image](https://github.com/user-attachments/assets/80a04fd2-f6ba-42e2-8204-5079420a83c5)

## ⚙ Installation

Follow these steps to set up Stockify locally:

1. Fork and clone the repository:
```
git clone https://github.com/your-username/codesocket.git
```

2. Install the required dependencies:
```
cd codesocket

cd client
npm install
cd server
npm install
```

3. Set up the configuration file:
- Create an .env file in the client folder of the codesocket
- Update the necessary environment variables in the `.env` and `.env.development` file.
```
client
.env.development
NEXT_PUBLIC_BACKEND_URL=http://localhost:8000
.env:
NEXT_PUBLIC_BACKEND_URL=

server
.env
MONGODB_URI=

```

4. Start the application:
```
For client: npm run dev
For server: npm run dev
```

5. Access CodeSocket in your web browser at `http://localhost:3000`.

## Ports Used
* `:3000` - Client application runs on this port.
* `:8000` - Server and WebSocket services are hosted on this port.

## Docker Setup (Only for server)

1. Build docker image
```
docker build -t codesocket-server .
```

2. Run the Docker container
```
docker run -d -p 8000:8000 -p 6379:6379 codesocket-server
```

3. Stop the docker container
```
docker stop
```