Dev House

A code editor and podcast studio for developers build with Chakra UI , ReactJS , NodeJS , MongoDB , Express, Redux Toolkit , Webrtc , Monaco , Esbuild , React Query , Socket.io and Typescript

2022-08-08.19-59-04.mp4

Live Site

Backend API

Tech

UI: React JS
Chakra UI: Chakra UI
Routing: React Router V6
Backend: Express JS
ORM: Mongoose
Database: MongoDB
Image Upload: Cloudinary
Connections: Socket.io
State Management Redux Toolkit
Editor Monaco Editor
Compiler Esbuild
Testing: TODO:

Features

User Authorization
- Login
- Signup User
Voice Room
- Create Room
- Join
- Chat
- Mute / Unmute
- Collaborate
Code Room
- Create
- Join
- Collaborate
- Chat Box
- Create File / Folder
- Remove File / Folder
- Rename File / Folder
- Python Support
- Javascript Support
- Typescript Support
- React Support
- React Typescript Support
- Support File Imports
- Support Module Imports
Loader

How to setup locally

Run On Local Machine

git clone https://github.com/1SAURABHKUMAR1/Dev-House.git

Setup

Go to the project directory

  cd Dev-House

Install dependencies for Frontend

  cd Frontend
  npm install

Install dependencies for Backend

  cd Backend
  npm install

Start the server

  npm run start

Env Files

In Frontend

REACT_APP_API_URL =
REACT_APP_FRONTEND_URL =
REACT_APP_SOCKET_IO_URL =

In Backend

PORT =
MONGODB_URL =
JWT_REFRESH_SECRET =
JWT_REFRESH_EXPIRY =
JWT_ACCESS_TOKEN =
JWT_ACCESS_EXPIRY =
FORGOT_PASSWORD_EXPIRY =
REFRESH_COOKIE_EXPIRE_DAY =
ACCESS_COOKIE_EXPIRE_DAY =
CLOUDINARY_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
SMTP_HOST =
SMTP_PORT =
SMTP_USER =
SMTP_PASS =
SENDER_MAIL =
CLIENT_URL =