TechTriview
Developed a live coding-interview platform featuring syntax-highlighted editor, collaborative whiteboard, and video/audio capabilities. Secured ₹40K seed funding from Atal Incubation Centre and successfully pitched at Aarohan Startup Summit 2025.
Tech Stack :
Overview
TechTriview is an advanced live coding interview platform designed for seamless scheduling, real-time collaboration, and remote technical interviews. It includes features like a collaborative whiteboard, syntax-highlighted code editor, and integrated video calling—all tailored to improve the remote hiring experience.
💡 Secured ₹40K in seed funding from Atal Incubation Centre and pitched at Aarohan Startup Summit 2025.
GitHub: View Source Code
🛠️ Tech Stack
| Category | Tools |
|---|---|
| Framework | Next.js 14, React 18 |
| Language | TypeScript |
| Styling | Tailwind CSS, Radix UI |
| Real-time | Liveblocks, Yjs, WebSockets |
| Database | Convex |
| Authentication | Clerk |
| Video SDK | Stream Video |
| Code Editor | Monaco Editor |
🎯 Problem & Objective
In remote hiring, technical interviews lack fluid collaboration, visibility, and structured management. TechTriview addresses these challenges by integrating coding, communication, and assessment into one platform.
Goals:
- Conduct live, structured technical interviews
- Provide a collaborative environment (whiteboard, code editor, video)
- Automate interview scheduling and recording
✨ Core Features
📅 Interview Scheduling
- Schedule multi-participant interviews
- Time zone support and reminders
🎥 Video Conferencing
- Secure and low-latency video powered by Stream
- Integrated with the interview interface
💻 Live Code Editor
- Monaco-based editor with syntax highlighting
- Real-time collaboration (via Yjs/Liveblocks)
🎨 Interactive Whiteboard
- Real-time collaborative canvas
- Tools: pencil, shapes, selection, undo/redo
🔐 Authentication & Roles
- Clerk-powered auth with RBAC (Interviewers, Candidates)
🧾 Recordings & Feedback
- Auto-recording with playback
- Comment system for post-interview feedback
🧬 Architecture & Project Structure
🚀 Development Process
🔧 Setup
- Used Next.js App Router for routing
- Implemented Stream SDK for video
- Integrated Liveblocks + Yjs for real-time sync
🧪 Challenges Solved
- Synchronization: Yjs helped ensure low-latency collaboration across whiteboard/code editor
- Security: Clerk's JWTs ensured secure route-level access
- Recording: Configured Stream's recording hooks for async playback
🧾 Results & Impact
- ✅ Conducted 50+ mock technical interviews during user testing
- 📈 Reduced average interview setup time by 70%
- 🧠 Recognized by Atal Incubation Centre, receiving ₹40K in funding
- 🏁 Successfully pitched at Aarohan Startup Summit 2025
📦 How to Use / Contribute
Set up your file with API keys from Clerk, Stream, Liveblocks, and Convex.
🌐 Deployment
Deployed on Vercel with continuous deployment via GitHub. Production build uses:
- Convex deployed via
📸 Demo
(Embed a Loom or YouTube walkthrough here, or link to a live demo once hosted)
📚 Learnings
- Advanced use of Monaco, Liveblocks, and Stream
- Managing multi-role apps with server/client boundary control
- Structuring modular apps with Next.js 14’s App Router
🔗 Links
- GitHub Repository
- Pitch Deck (optional)
- [Live Demo](link if available)