🚀 Features

🧠 Coding Workspace

Interactive coding playground

Supports multiple programming languages (extendable)

Real-time code execution

Test cases with pass/fail output

Problem details, examples, and constraints

Auto-saving code to user profile

🗂 Problem Library

Categorized problems (Easy, Medium, Hard)

Detailed explanations & constraints

Search & filter functionality

Track progress (Solved, Attempted, Bookmarked)

📹 Live 1-on-1 Video Interview

Interviewer/interviewee mode

Built using Stream Video

Reactions: thumbs up, applause, thinking, etc.

Live shared coding editor

Real-time audio/video stream

End interview summary & feedback

💬 Real-time Messaging

Chat rooms powered by Stream Chat

Send text, emojis, attachments

Typing indicators, message status

🔐 Authentication & Authorization

Secure login/signup via Clerk

OAuth support (Google, GitHub, etc.)

Role-based user access

⚙️ Background Jobs

Task automation & async workflows using Inngest

Email notifications / interview reminders

Sync user progress & analytics

👤 User Dashboard

Solved problems statistics

Interview history

Saved/bookmarked questions

Account settings

📱 Fully Responsive UI

Modern, accessible UI built with Tailwind CSS + DaisyUI

Mobile-first responsive layout

Dark/light mode

🏗️ Tech Stack Frontend

React.js — UI Framework

JavaScript (ES6+)

Tailwind CSS — Utility-first styling

DaisyUI — Component library for Tailwind

Stream Video + Stream Chat — Real-time communication

Backend

Node.js — Runtime environment

Express.js — Server framework

MongoDB + Mongoose — Database & schema modeling

Inngest — Background jobs & event workflows

Clerk — Authentication & user management

DevOps & Tools

Git & GitHub — Version control

Cloud deployment (Vercel/Render/Netlify) — For hosting

Environment variables for API secrets

ESLint + Prettier — Code formatting and linting

DevChat/ │ ├── frontend/ # React frontend │ ├── src/ │ │ ├── components/ │ │ ├── pages/ │ │ ├── hooks/ │ │ ├── lib/ │ │ ├── api/ │ │ └── data/ │ └── public/ │ ├── server/ # Node.js backend │ ├── controllers/ │ ├── routes/ │ ├── models/ │ ├── config/ │ ├──middlewares/ │ └── utils/ │ ├── inngest/ # Background jobs │ ├── README.md ├── package.json └── .env.example

🛠️ Installation & Setup

1. Clone the repository git clone https://github.com/mwasiq11/DevChat.git cd DevChat

2. Install dependencies Frontend cd frontend npm install

Backend cd backend npm install

3. Add .env files

4. Start development servers

Frontend:

npm run dev

Backend:

npm run dev

🧪 Testing

Jest / React Testing Library (frontend)

Supertest + Jest (backend)

Includes test cases for:

API endpoints

Auth flows

Coding workspace logic

📈 Future Enhancements

AI-powered code suggestions

Mock interview scheduling system

Collaborative room for group coding

More languages support

Admin panel for adding problems

🤝 Contributing

Contributions are welcome!

Fork the repo

Create a new branch: git checkout -b feature-newFeature

Commit your changes

Push the branch and open a PR

📜 License

MIT License © 2025 DevChat

⭐ Support

If you like DevChat, consider giving it a ⭐ on GitHub!