Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/maran1947/codesocket
- Owner: Maran1947
- Created: 2024-05-18T05:33:35.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T19:37:28.000Z (2 months ago)
- Last Synced: 2024-09-08T21:06:18.184Z (2 months ago)
- Topics: code-editor, file-explorer, nextjs, real-time-code-editor, socket-io, typescript
- Language: TypeScript
- Homepage: https://codesocket.vercel.app
- Size: 315 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 codesocketcd 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
```