I led the end to end redevelopment of LearnOSTEAM, taking the platform from an early stage monolithic Django application to a modern, scalable, and maintainable system. In the initial phase, I worked extensively on the original Django monolith, where we designed and developed a wide range of core educational and administrative modules. These included robust student and teacher attendance systems with conflict detection, approval workflows, and administrative oversight, along with surveys management, activity management, and comprehensive lesson planning and management features. I also contributed to several other operational modules that supported daily academic workflows. This hands on experience with the monolith helped establish a strong functional foundation for the platform and provided deep insight into domain boundaries, performance bottlenecks, and long term scalability challenges.

Building on this foundation, I led the architectural transformation of LearnOSTEAM by migrating from the tightly coupled monolithic codebase to a modular, API driven architecture using Django REST Framework and a Next.js frontend. This shift significantly improved performance, scalability, and long term maintainability while enabling faster and more reliable feature development. On the frontend, I built a fully type safe Next.js application using TypeScript, SWR for efficient data fetching and caching, Zod for runtime schema validation, and React Hook Form for managing complex forms. The user interface was crafted with Radix UI, Tailwind CSS v4, and shadcn style components to deliver a fast, accessible, and consistent user experience across the platform.

On the backend, I refactored and extended core Django services to support scalable APIs and clean separation of concerns. I also developed several custom management systems, including Attendance, Assignments, Surveys, and Monitoring and Evaluation, tailored to real world educational operations. In addition, I automated school and user onboarding workflows, significantly reducing manual effort, minimizing errors, and improving overall system reliability. Together, these efforts transformed LearnOSTEAM into a modern, production ready platform that is easier to maintain, easier to extend, and better aligned with long term growth and operational needs.

BookMyStay is a modern, end-to-end rental booking platform designed to streamline property rentals across Pakistan. I led the complete architecture and development of the platform, delivering a scalable, cloud-native solution optimized for performance and user experience.

The project is built using Next.js on the frontend and Django on the backend, with PostgreSQL (via Supabase) for the database. The backend is hosted on AWS EC2, file storage is managed with AWS S3, and Cloudflare is used for domain security.

Key features include:

Booking Management with automatic and manual approval system

PayFast-integrated payment system

WebSocket-based real-time messaging service

Server-side caching using Redis

Client-side caching using React-Query

From frontend UI/UX design to backend logic and cloud deployment, I managed architectured each layer of the stack along with another developer, ensuring the platform was secure, maintainable, and responsive across all devices. BookMyStay reflects my ability to engineer robust, production-grade web applications and demonstrates proficiency in both full-stack development and cloud infrastructure.

I designed and developed a fully custom Applicant Tracking System (ATS) to streamline and automate an organization’s recruitment process. The system was built using Next.js for the frontend, FastAPI for the backend, and PostgreSQL as the core database, with Tailwind CSS for a clean and responsive UI.

This ATS manages the entire hiring pipeline — from job listings and candidate applications to interview scheduling and onboarding. Key features include dynamic application forms, status tracking, and centralized applicant records to help HR teams manage hundreds of candidates efficiently.

The system also supports role-based access, allowing HR managers, interviewers, and team leads to collaborate securely within their permissions. A real-time analytics dashboard provides visibility into application volume, hiring timelines, and recruitment performance.

By replacing third-party tools with a tailored in-house solution, the system offered enhanced data privacy, customization, and scalability to match growing hiring needs.

This project showcases my ability to build secure, scalable internal tools that integrate frontend and backend systems using modern full-stack technologies.

Redesigned and developed the LearnOBots corporate website into a fully modern, high-performance Next.js application. Migrated the legacy WordPress website to a component-based frontend that is faster, more maintainable, and optimized for SEO. Connected the events system and job listings to internal Odoo modules using REST APIs to keep content and workflows aligned with company operations.

• Implemented a responsive, brand-consistent UI using Tailwind CSS, improving usability and visual consistency across pages.
• Integrated Odoo-based event management and recruitment modules through secure API calls, allowing dynamic updates without manual intervention.
• Improved page load speed and Lighthouse SEO scores by optimizing asset delivery, reducing bundle size, and restructuring component layout.
• Enhanced content manageability by building reusable frontend components and establishing a scalable project structure for future product expansions.

This project is an educational coding game designed to introduce kids to programming concepts in a fun, interactive way. It combines Google’s Blockly for drag-and-drop visual programming with Two.js for rendering a dynamic 2D game environment. Players can control objects on the canvas by building block-based logic, bridging the gap between visual coding and real JavaScript execution.

The game features custom Blockly blocks for movement, loops, conditions, and color changes, which translate directly into actions on the Two.js canvas. By integrating these technologies, the project demonstrates how visual programming can be transformed into engaging, hands-on learning experiences for beginners.

The application is deployed on Vercel and can also be run locally using a Python web server for proper rendering of Two.js objects.

A web-based application designed to simplify code translation between multiple programming languages. The tool provides an intuitive and responsive interface where users can paste code, select a target language, and instantly see the converted output. It emphasizes both usability and performance, making it a practical solution for students, developers, and anyone working with cross-language projects.

Key Features

• Multi-language support – Convert between popular languages such as JavaScript, Python, and C++.

• Instant error checking – Real-time validation to detect syntax and conversion errors.

• User-friendly interface – Includes syntax highlighting, copy-to-clipboard, and downloadable results in multiple formats.

• Responsive design – Built with modern UI/UX practices for seamless use across devices.