CodeScreen is an advanced online interview platform designed to streamline the technical interview process. Developed using Next.js, TypeScript, Stream, Convex, and Clerk, the platform facilitates seamless interview experiences with video calls, real-time code editing, and interview feedback capabilities. CodeScreen offers a dynamic environment for interviewers and interviewees, making technical assessments more effective and collaborative.
Technical interviews can often be unstructured and challenging to manage, leading to inefficient assessments. CodeScreen addresses these issues by providing a unified platform for video calls, screen sharing, code collaboration, and structured feedback, ensuring a seamless interview experience for both interviewers and candidates.
With the increasing demand for remote technical interviews, CodeScreen aims to replicate the efficiency of in-person assessments. Utilizing modern web technologies and frameworks, the platform facilitates real-time interaction, effective problem-solving, and structured evaluation.
- Video Call Panel: Real-time video calls with screen sharing and recording capabilities.
- Reactions & Feedback: Emoji reactions for non-verbal communication.
- Screen Recording: Capture interview sessions for future review.
- DSA Question Panel: Display problems with detailed descriptions, constraints, and test cases.
- Code Editor: Real-time collaborative editor supporting C++, Java, and Python.
- Test Case Validation: Validate code solutions against test cases provided by the interviewer.
- Question Management: Add, edit, and delete DSA questions with ease.
- Interview Scheduling: Schedule, start, and manage interview sessions.
- Feedback System: Provide structured feedback for each interview session.
- Secure authentication and role-based access control using Clerk.
-
Frontend:
- Next.js & TypeScript
- Tailwind CSS & ShadCn for styling
- Stream for real-time communication
-
Backend:
- Convex for data management and state synchronization
- Server Components and Server Actions for optimized performance
-
Authentication:
- Clerk for user authentication and authorization
Create a .env file in the root directory with the following variables:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_STREAM_API_KEY=
STREAM_SECRET_KEY=
- Install dependencies:
npm install - Start the development server:
npm run dev - Access the app on
http://localhost:3000
- Integration with third-party coding platforms (e.g., Codeforces, LeetCode)
- Advanced analytics for interview feedback
- Support for additional programming languages
CodeScreen redefines technical interviews by combining modern technologies to create a structured, interactive, and effective assessment environment.