DevCollab AI W
Real-time AI Collaboration Tool
A full-stack collaboration platform (MERN) for teams to create projects, collaborate in
real-time, and get AI-assisted coding help. It combines project management, real-time chat, and
in-browser code execution.
React
Node.js
Express.js
MongoDB
Socket.io
Redis
WebContainer
Detailed explanation:
- Authentication & Users: Implemented login/register flows with secure
password storage and JWT-based sessions. Users can create projects and invite
contributors with role-based permissions.
- Real-time Collaboration: Integrated Socket.io for synchronous chat and
presence. Contributors can see live updates, messages, and collaborator activity in
project rooms.
- AI Assistance: Typing
@ai
in chat triggers a call to a
large-language-model (Gemini) API. The AI answers coding questions (for example,
generating an Express server snippet), provides code suggestions, and helps debug small
issues.
- In-browser Execution: Integrated WebContainer to allow users to view
and run simple AI-generated files (like
package.json
, app.js
)
directly in the browser — no need to leave the site to test generated code.
- Stack & Role: MERN backend for data persistence, Redis for ephemeral
session/room state, Socket.io for real-time comms, and WebContainer for live code
execution. I contributed full-stack features: auth, Sockets, AI integration, and
WebContainer orchestration.
Smart Placement System
Placement management
A platform to streamline student placements with AI features and dynamic resume
generation for campus recruitment workflows.
HTML
TailwindCSS
PHP
JavaScript
MySQL
Detailed explanation:
- Student facing: Dynamic resume builder that helps students create
ATS-friendly resumes and export them as PDF and JSON for programmatic processing.
- AI Chatbot: Integrated a simple AI-driven chatbot to answer student
queries and guide resume creation, improving adoption & quality of submissions.
- TPO Dashboard: Training & Placement Officers can post job descriptions,
shortlist candidates, track placement progress, and download reports for analytics.
- Outcome: Reduced manual resume collection overhead and improved
placement tracking for university staff.
BusRoute Manager
Booking & operations
Complete booking system with separate admin and agent capabilities, approval
workflows and downloadable e-tickets.
Node.js
Express.js
MySQL
HTML
CSS
Detailed explanation:
- Role-based access: Admins manage agents, routes, and see booking
analytics; agents accept and confirm bookings.
- Booking flow: Users place booking requests which agents or admins
approve; approved bookings generate downloadable PDF/e-tickets.
- Operational features: Booking history, pending approvals, route
creation and simple analytics for route performance.
- Role: Implemented backend APIs, PDF generation for tickets, and
front-end for admin/agent workflows.
E-commerce Website
Online store
React-powered e-commerce platform with persistent sessions, payments and admin
inventory management.
React.js
Redux
Tailwind
Firebase
Razorpay
Detailed explanation:
- User experience: Product catalog, cart & checkout, responsive UI, and
order history for customers.
- Payments: Razorpay integration for secure transactions and order
verification.
- Admin panel: Inventory & order management with simple analytics for
sales trends.
- Role: Frontend architecture (React + Redux), payments integration and
Firebase backend usage.