https://github.com/sandhit06/interview-platform-using-react-next.js
Full Stack Interview Platform with real time video call , code editor and screen sharing features. Also fully responsive ! ;-)
https://github.com/sandhit06/interview-platform-using-react-next.js
interview nextjs react tailwindcss typescript
Last synced: 2 months ago
JSON representation
Full Stack Interview Platform with real time video call , code editor and screen sharing features. Also fully responsive ! ;-)
- Host: GitHub
- URL: https://github.com/sandhit06/interview-platform-using-react-next.js
- Owner: Sandhit06
- Created: 2025-03-10T03:54:33.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-12T08:01:43.000Z (over 1 year ago)
- Last Synced: 2026-01-03T16:30:42.185Z (6 months ago)
- Topics: interview, nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://codenexus-sandhit.vercel.app/
- Size: 1.15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
✨ CODENEXUS - Interview Platform ✨
## Features:
- [x] 🚀 **Tech stack:** Next.js & TypeScript, Stream, Convex, Clerk
- [x] 🎥 **Video Calls**
- [x] 🖥️ **Screen Sharing**
- [x] 🎬 **Screen Recording**
- [x] 🔒 **Authentication & Authorization**
- [x] 💻 **Server Components, Layouts, Server Actions**
- [x] 🎭 **Client & Server Components**
- [x] 🛣️ **Dynamic & Static Routes**
- [x] 🎨 **Styling with Tailwind & Shadcn UI**
- [x] ✨ **Server Actions**
## High-Level Architecture
- Frontend: Built using Next.js and TypeScript, providing a responsive and intuitive user interface.
- Backend: Handles server-side logic, user authentication, and video call functionalities.
- Database: Uses Convex for storing user data, interview details, and video call records.
- Video Communication: Utilizes Stream for real-time video calls, screen sharing, and recording.
## Core Components
- User Authentication: Managed by Clerk, ensuring secure login and role-based access control.
- Video Calls: High-quality, real-time video communication with features like screen sharing and recording.
- Interview Management: Allows scheduling, conducting, and recording interviews.
- User Interface: Styled with Tailwind CSS and Shadcn for a modern and responsive design.
## Workflow Steps
### 1. User Registration and Login:
- Users sign up or log in using Clerk.
- User roles (interviewer or candidate) are assigned.
### 2. Scheduling Interviews:
- Interviewers can schedule interviews, specifying date, time, and participants.
- Notifications are sent to participants.
### 3. Conducting Interviews:
- Participants join the video call using Stream.
- Features like screen sharing and recording are available during the call.
### 4. Storing Interview Data:
- Interview details and recordings are stored in the Convex database.
- Metadata (e.g., interview date, participants) is linked to the recordings.
### 5. Reviewing Interviews:
- Interviewers can review recorded interviews.
- Feedback and notes can be added to each interview record.
## Optimization Techniques
- **Server-Side Rendering:** Enhances performance by rendering content on the server.
- **Dynamic and Static Routes:** Optimizes navigation and improves user experience.
- **Caching:** Reduces load times by storing frequently accessed data in memory.
- **Rate Limiting:** Prevents abuse by controlling the number of requests a user can make.
## Setup .env file
```js
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_STREAM_API_KEY=
STREAM_SECRET_KEY=
```
## Run the app
```shell
npm run dev
```
## Credentials 🔐
### For Using Admin Dashboard use these credentials
```shell
Email: test@gmail.com
Password: David@954
```
## ⚠ Disclaimer
This tool is developed for educational and developmental purposes. It's crucial to understand the implications and responsibilities of using such technologies in real-world applications.
## Still need help?
Open an issue on our GitHub repository, and we will help you as soon as possible.
Enjoy exploring and extending this project! Feel free to contribute and suggest improvements.
## Contact
If you want to contact me you can reach me at [Twitter](https://x.com/SandhitK).
## Developer
Sandhit Karmakar
Made with ❤️ by Sandhit Karmakar