
Recruitment Management Platform
Check it outA Next.js-powered platform for GDG on Campus HIT, featuring an attractive landing page and a recruitment management system with analytics, status tracking, and SMTP email integration, built and led by me as Web Dev Lead.
Web Dev Lead & Full-Stack Developer
GDG on Campus HIT
Recruitment Management Platform
Overview
As the Web Dev Lead for GDG on Campus HIT, I led my web dev team to build the Recruitment Management Platform, addressing the club’s need for a structured recruitment process and greater visibility. This Next.js-powered solution features an attractive landing page, a recruitment system with OAuth-based student logins, and an analytics dashboard with predictive trends for department/position distribution. Admins can manage applicants with status updates (notified in real-time), send confirmation, rejection, or selection emails via SMTP integration, and leverage custom templates for professional communication. Deployed on Google Cloud Run with Docker and GitHub Actions for CI/CD, this project was a defining experience in leading a team, managing timelines, and delivering a feature-rich, production-ready platform.
Features
- Attractive Landing Page: Engaging, responsive design to promote GDG HIT and attract applicants.
- Recruitment Registration: Simplified applications with OAuth for secure student logins.
- Analytics Dashboard: Real-time graphs and predictive trends for recruitment insights.
- SMTP Email Integration: Automated confirmation, rejection, and selection emails via Nodemailer.
- Custom Email Templates: Attractive, reusable designs for professional outreach.
- Status Tracking & Notifications: Admins update applicant statuses with real-time user notifications.
- Secure Admin Access: Role-based authentication for managing recruitment data.
- Performance Optimization: Scalable architecture with MongoDB and serverless deployment.
Technology Used
- Next.js: SSR and static generation for a fast, SEO-optimized frontend.
- React: Dynamic, reusable components for the UI.
- Redux & Redux Toolkit: State management for complex interactions and data flow.
- Tailwind CSS: Utility-first CSS for rapid, responsive styling.
- Shadcn: Modern UI components for a polished, accessible design.
- TypeScript: Static typing for robust, maintainable code.
- MongoDB: NoSQL database for applicant and recruitment data.
- Node.js: Backend runtime for RESTful APIs and email/notification logic.
- Express.js: Framework for efficient API routing and middleware.
- Nodemailer: SMTP server integration for bulk email delivery.
- SMTP Server: Custom email server for reliable communication.
- OAuth: Secure student logins via third-party authentication.
- Docker: Containerization for consistent app deployment.
- GitHub Actions: CI/CD pipeline for automated builds and deployments.
- Google Cloud Run: Serverless hosting for scalability and cost-efficiency.
Design Screens
My Contributions
- Leadership: Directed the GDG HIT web dev team, ensuring collaboration and timely delivery.
- Full-Stack Development: Built backend APIs with Node.js, Express.js, and MongoDB, and frontend with Next.js, React, and Redux Toolkit.
- UI/UX Design: Crafted an attractive landing page and analytics dashboard using Tailwind CSS and Shadcn.
- Email & Notification System: Implemented SMTP email integration with Nodemailer and real-time status notifications.
- Authentication: Integrated OAuth for secure student logins.
- Analytics: Developed predictive trends for recruitment data visualization.
- Deployment: Dockerized the app and set up a CI/CD pipeline with GitHub Actions on Google Cloud Run.
Challenges Faced
Navigated complexities like integrating OAuth with existing authentication, building a real-time notification system for status updates, and designing predictive analytics for recruitment trends. Leading the team to deliver a polished UI and robust backend within deadlines tested my management skills.
What I Learned
This project advanced my full-stack expertise with Next.js and Node.js, taught me OAuth implementation, real-time notification systems, and predictive analytics development. Leading a team sharpened my project management and communication skills, while CI/CD with GitHub Actions solidified my deployment knowledge.
Future Improvements
Plans include adding a mobile app with React Native, integrating AI for automated applicant screening, and expanding email templates with dynamic content.
Impact
The platform has transformed GDG HIT’s recruitment process, increased club visibility with an engaging landing page, and provided admins with predictive analytics and efficient communication tools, reducing manual effort significantly.
And more, including scalable architecture, secure authentication, and data-driven insights.