Skills
React.js & Next.js
ExpertTypeScript
ExpertVue.js & Nuxt.js
AdvancedTailwind CSS & CSS Frameworks
ExpertGraphQL & Apollo
AdvancedWeb Accessibility (WCAG 2.1)
ExpertExperience
Senior Full-Stack Engineer
- Architected a headless contract editor in React with merge fields, inline option toolbars, and toggleable conditional clauses.
- Built a conversational chatbot wizard guiding users through contract creation via structured Q&A, auto-populating documents via API.
- Designed and deployed a FastAPI microservice for AI inference using multi-chain LLM pipeline (Google Gemini) with vector database retrieval (RAG).
- Integrated Stripe payment flows with webhook handling for contract purchase and download gating.
- Developed Django backend for user management, contract storage, and multi-service API orchestration.
- Tech Stack: React.js • FastAPI • Python • Django • Google Gemini • Stripe
Front-End Developer
- Migrated 3 legacy applications to Next.js and Nuxt.js, reducing initial load times by 30% through code splitting and lazy loading.
- Achieved WCAG 2.1 AA compliance across 5+ applications using ARIA roles, keyboard navigation, and Lighthouse audits.
- Implemented structured data, semantic HTML, and meta tag strategies that increased organic search traffic.
- Designed pixel-perfect responsive UIs using Tailwind CSS and Tachyons CSS across multiple projects.
- Refactored Decap CMS schema architecture, eliminating query overhead and reducing editorial workflow time by 50%+.
Full-Stack Developer
- Designed and developed RESTful APIs using Ruby on Rails, seamlessly integrating them with Vue.js.
- Built responsive and modular UI components using Bulma CSS and BEM methodology.
- Developed immersive 360° city/retail portals using Mapbox, Leaflet, and KRPano.
- Implemented a profile completion progress bar with a custom formula-based algorithm.
- Wrote clean, robust, and scalable code, following best practices and maintaining high test coverage.
- Managed tasks and collaborated with cross-functional teams using Agile methodologies in Trello.
PHP Developer
- Designed and developed robust web applications using Symfony 3, leveraging Doctrine ORM for efficient data management.
- Built responsive and user-friendly front-end interfaces using Ionic Framework and Bootstrap.
- Ensured high code quality and reliability through Test-Driven Development (TDD) with PHPUnit.
- Collaborated with cross-functional teams using Jira to deliver projects on time and within scope.
Ruby on Rails Web Developer
- Developed full-stack web applications from scratch using Ruby on Rails, implementing features like user authentication and e-commerce functionalities.
- Designed and optimized database architectures for scalable applications, utilizing multiple databases.
- Built responsive and intuitive user interfaces using Twitter Bootstrap, custom CSS, and JavaScript.
Featured Projects
Headless Contract Editor
@ Velsa Technologies
A document editor with dynamic merge fields and conditional clauses, integrated with an LLM pipeline to automate contract generation.
AI Chatbot Platform
@ Velsa Technologies
Multi-chain agentic LLM pipeline with self-correction loops, vector DB retrieval, and microservice architecture.
JAMstack Platform
@ Tactical Tech
Developed and maintained JAMstack architecture using Decap CMS and custom Node.js API powering React frontends.
GDPR Consent Manager
@ Tactical Tech
Centralised consent management system ensuring WCAG compliance across 5+ web applications.
Open Source
German Citizenship Test Trainer
Master the German Einbürgerungstest with intelligent spaced repetition learning. Features 310 official questions, full-length practice quizzes, vocabulary training, grammar lessons, flashcards, progress tracking, and offline PWA support. Bilingual (German/English) with achievement badges.
Portfolio Website
Modern, performant personal portfolio website showcasing web development skills. Features gradient backgrounds, VS Code-inspired code snippet typing effect, animated backgrounds, mobile-friendly design, AI-powered blog with MDX support, and smooth Framer Motion animations.
Trainer
German Practice Trainer — Smart grammar practice application with Spaced Repetition System (SRS). Supports 7 question types (fill-in-blank, transform, multi-blank, identify/label, reading, writing, speaking). Features progress tracking, local storage, bulk import, and detailed statistics. Perfect for telc B1 exam preparation.
Web Crawler Dashboard
Full-stack web application for crawling URLs and analyzing page health. Backend extracts HTML version, titles, headings, link counts, broken links (4xx/5xx), login forms. Interactive React dashboard with pagination, sorting, search, status filtering, bulk actions, real-time updates, and detailed charts.
Modern CV Template
Clean, professional, ATS-optimized CV/resume LaTeX template using moderncv contemporary style. Gradient header, circular photo, vertical timeline, two PDF outputs (HD and compressed <1MB), privacy-safe design, cerulean color scheme, HTTPS links, and microtype enhancements.
Jobs Tracker Bot
Fully async Python bot monitoring 11 remote job boards for full-stack developer positions in EU/Germany. Smart filtering by location and role, NGO classification, match scoring (0-100%), Discord/Telegram notifications with color-coded embeds, GitHub Actions CI/CD, Docker-ready with 520+ tests.
Deutsch B1 Vokab
DeutschTrainer — B1 Vocabulary Practice PWA. Mobile-first progressive web app for German B1 (telc) vocabulary. Features flashcard and type-answer modes, smart spaced repetition, performance tracking, category filtering, offline support, dark theme, add custom words, and search/filter functionality.
Accessibility Check Microservice
Lightweight Node.js microservice for static accessibility analysis using axe-core and JSDOM. No headless browser needed. WCAG 2.1 A/AA compliance checks, robust HTML fetching, comprehensive error handling, CORS enabled, graceful shutdown, deployed on Render.
ServDubai Astro
Modern Astro website for ServDubai, Dubai's premier building services. Targets new apartment residents and building management. Features multiple service listings, AMC packages, booking forms, responsive mobile-first design, emerald/teal color scheme, and react islands for interactivity.
AI TTS Service
High-quality text-to-speech microservice using FastAPI and Google Cloud TTS API. Multiple neural voices, adjustable speed (0.25x-4.0x) and pitch (-20 to +20), WAV audio download, CORS enabled, free deployment on Render, and easy REST API integration.
RPi Homelab Stack
Comprehensive Docker Compose setup for Raspberry Pi homelab. Features Pi-hole (network-wide ad blocking), Nextcloud (self-hosted cloud), Home Assistant (automation), Frigate (AI-powered NVR with object detection), CodeProject.AI (local AI processing), MySQL. Includes macvlan networking, health checks, and detailed documentation.
Solar Facility Dashboard
Full-stack application for managing solar facilities and visualizing performance. Features user authentication (JWT), facility CRUD operations, CSV upload for performance data, interactive Recharts visualizations, Apollo GraphQL API, Mongoose MongoDB ODM, and form validation with React Hook Form.
Crunchy Snacks
Dry fruits e-commerce platform with product catalog, shopping cart, checkout flow, inventory management, and admin panel. Built with modern web technologies for smooth user experience and responsive design.
Renewable Energy Dashboard
Advanced energy management dashboard built with cutting-edge frontend technologies. Features module federation for scalable micro-frontends, monorepo management with Turborepo, and support for multiple frameworks (React and Vue).
Education
M.Sc. Computer Science Coursework
Technische Universität Berlin
Completed advanced coursework in Machine Learning I, Database Systems and Implementations, Computer Graphics (Three.js and WebGL), Advanced Web Development.
B.Sc. Computer Science
GIFT University
Specialized in Software Development, with coursework in Programming Fundamentals, Object-Oriented Programming, Data Structures, Database Systems, Web Programming, and Software Engineering.
Training
German B1 Certificate
Language Proficiency Certification
Achieved B1 (Upper-Intermediate) proficiency level in German language, demonstrating advanced conversational and professional communication abilities.
Basic Life Support & Fire Safety Course
Punjab Emergency Service (Rescue 1122)
Gained practical experience in first aid (including CPR) and fire emergency response as an active volunteer on emergency teams.
Leadership
President
Pakistan Student Association
- Organized welcome events for over 100 new students.
- Managed and coordinated various sports events, including cricket tournaments.
Organizer
GIFT University Societies
- Coordinated annual sports galas, overseeing all logistical aspects.
- Assisted in overall event management logistics for various university society activities.