FREELANCE
PROJECTS
1+ YEARS OF
EXPERIENCE
Multi Biz Solutions
Working as a Full-Stack Developer to design and build complete digital solutions for client businesses — handling everything from database architecture and server-side logic to responsive, user-facing interfaces. Deliverables range from custom e-commerce platforms and online appointment booking systems to corporate websites and business portals. Each project includes integrated payment processing, automated client communication flows, and SEO-optimized structure, ensuring every site is fast, functional, and built to convert.
May 2026 – Present
Freelance & Remote Projects
Alongside my full-time role at Radium Technologies, I delivered independent freelance projects including 'Pinkel's' (leadership coaching platform), 'Tamjab' (corporate consultancy site), and 'Wadi Al Sahel' (tourism platform). Transitioned to full-time independent practice in March 2026, providing end-to-end remote services using Next.js, React, and TailwindCSS to build high-performance, user-centric web solutions for clients.
Jan 2025 – Present
Radium Technologies
Joined as a Front-End Developer Intern, building responsive and modern front-end projects. Also developed full-stack solutions during the internship, gaining hands-on experience across both frontend and backend. After successfully completing the internship, continued as a full-time Front-End Developer until February 2026.
Dec 2024 – Feb 2026
ACADEMIC
JOURNEY
BSCS - Bachelor of Computer Science
Virtual University of Pakistan
Currently pursuing a Computer Science degree while gaining hands-on industry experience in full-stack web development.
Nov 2025 – Present
Web and Mobile App Development
Saylani Mass IT Training (SMIT)
Completed 10 months of intensive training in MERN stack and mobile app development, covering HTML, CSS, JavaScript, React.js, Next.js, Express.js, MongoDB, Firebase, and React Native.
Jan 2024 – Oct 2024
DAE - Diploma of Engineering Sciences
Pakistan Swedish Institute of Technology
Completed a three-year engineering diploma with an A Grade, building a strong foundation in technical problem-solving, applied sciences, and engineering principles.
Sep 2021 – Aug 2024
TECH
CREDITS
TECHNICAL
STACK
These are the tools I reach for first — then a broader toolbox I pull from to ship complete products: web apps, business portals, e-commerce stores, and cross-platform mobile apps. My core stack covers the full journey from interface to backend, while the rest lets me adapt to whatever a project demands.
CORE STACK
My primary expertise — the technologies behind most of what I build.
FRONTEND & UI
BACKEND & DATABASES
PLATFORMS & INTEGRATIONS
WHAT I
OFFER
Custom Web Development
I build modern, high-performance websites and web applications from the ground up using React and Next.js. Every project is treated as a product — not just a deliverable. That means clean component architecture, optimized rendering strategies (SSR, SSG, ISR), and a codebase structured to grow without technical debt. Whether you need a conversion-focused marketing site, a content-driven blog, a SaaS dashboard, or a complex multi-page platform, I architect the solution around your specific goals and scale it so future features don't require rewrites.
What's included
- Component-based UI with React or Next.js (App Router & Pages Router)
- Server-side rendering (SSR), static generation (SSG), and incremental static regeneration (ISR)
- Mobile-first, fully responsive layouts tested across all screen sizes and breakpoints
- SEO-ready markup with metadata, Open Graph tags, structured data, and sitemap configuration
- CMS integration (Strapi, Sanity, WordPress headless) and third-party service connections
- Performance budgeting — optimized images, lazy loading, and sub-3s load targets
Full Stack Solutions
I own the entire technical stack — from database schema and backend API architecture down to the pixel-level frontend. Using the MERN stack (MongoDB, Express.js, Node.js, React) or Laravel with MySQL, I deliver cohesive, production-ready applications where every layer is intentionally designed and tightly integrated. I handle authentication flows, role-based access control, API security, data modeling, file storage, and deployment pipelines so you receive a complete, working system — not just a frontend on top of an undecided backend.
What's included
- RESTful API design with proper versioning, authentication, and error handling
- JWT-based authentication, OAuth (Google, GitHub), and role-based permission systems
- Relational and NoSQL database design, indexing, and query optimization (MySQL, MongoDB)
- Admin dashboards, user management panels, and analytics reporting interfaces
- File upload handling, cloud storage integration (Firebase Storage, Cloudinary)
- End-to-end testing, CI/CD pipeline setup, and deployment to production environments
UI/UX Implementation
I transform visual concepts, Figma files, and wireframes into fully interactive, animated interfaces with pixel-perfect precision. Every spacing decision, interaction state, and visual detail is faithfully implemented — and then enhanced. Beyond static rendering, I layer in fluid scroll-driven animations, entrance effects, and micro-interactions using Framer Motion and GSAP that make interfaces feel alive and intentional. Every implementation is cross-browser tested and performance-profiled so animations never compromise page speed or Core Web Vitals.
What's included
- Figma-to-code implementation with full design fidelity, including edge cases and empty states
- Scroll-triggered animations, parallax effects, and entrance sequences with Framer Motion & GSAP
- Micro-interactions for buttons, form fields, hover states, and navigation transitions
- Cross-browser compatibility (Chrome, Firefox, Safari, Edge) and cross-device testing
- Accessibility compliance — ARIA roles, keyboard navigation, focus management, color contrast
- Animation performance auditing to ensure 60fps rendering without layout thrashing
API Integration & Development
Whether you need to connect your frontend to a third-party service, build a custom API layer from scratch, or migrate data between platforms, I handle the full integration lifecycle. I design clean, versioned REST APIs and GraphQL schemas, integrate services like Firebase, Stripe, SendGrid, and Strapi, and ensure all data flows are secure, validated, and well-documented. I also specialize in building real-time features using WebSockets and Firebase Realtime Database for applications that require live updates, notifications, or collaborative functionality.
What's included
- Custom RESTful and GraphQL API development with full documentation (Postman, Swagger)
- Third-party service integration — Stripe (payments), SendGrid (email), Firebase, Strapi, and more
- Secure API design: input validation, rate limiting, CORS configuration, and token-based auth
- Real-time features using WebSockets or Firebase Realtime Database (live updates, chat, notifications)
- Webhook handling, background job queues, and event-driven architecture
- Developer handoff with clean documentation, environment setup guides, and example requests
Cross-Platform Mobile Development
I build high-performance, native-feeling mobile applications for both iOS and Android platforms using React Native. Leveraging my expertise in the React ecosystem, I deliver seamless mobile experiences with smooth animations, intuitive navigation, and robust offline capabilities. From custom UI components to integrating native device features and pushing to app stores, I provide end-to-end mobile solutions that share business logic with your web platform.
What's included
- Cross-platform app development for iOS and Android using React Native / Expo
- Native device feature integration (Camera, GPS, Push Notifications)
- Mobile-optimized state management and offline-first architectures
- Fluid gestures, bottom sheets, and native-like screen transitions
- Integration with custom backend APIs, Firebase, or headless CMS
- App Store (Apple) and Google Play Store deployment and release management
HOW I
BUILD
Every project I take on follows a structured, transparent process — from the first conversation to post-launch. Here is exactly how a project progresses from 0% to 100%, what happens at each stage, and what you receive as a result.
Discovery & Planning
Every successful project begins before a single line of code is written. In this phase, I work closely with you to fully understand your goals, target audience, business constraints, and success criteria. We define what the product must do, who it's for, and how it fits into your broader strategy. This investment upfront eliminates costly rework later — a clear brief is the single biggest factor in delivering on time and on budget.
Key activities
- Initial consultation to understand your business goals, target users, and success metrics
- Competitive analysis and market research to identify opportunities and constraints
- Defining project scope, feature set, and out-of-scope boundaries
- Breaking requirements into a structured specification document
- Establishing milestones, delivery schedule, and communication cadence
- Final project agreement covering timeline, deliverables, and revision policy
Architecture & System Design
With requirements locked, I design the technical foundation of the project before touching production code. This phase produces the blueprint every decision is measured against. Choosing the right stack, modeling the data correctly, and planning the component hierarchy here saves enormous time during development. A well-designed architecture means new features slot in cleanly, the codebase stays readable as it grows, and the system performs reliably under load.
Key activities
- Tech stack selection based on project scale, team, and long-term maintainability
- Database schema design — entity relationships, indexing strategy, and normalization
- API endpoint planning — resource structure, authentication model, and response contracts
- Frontend component hierarchy, routing structure, and state management approach
- Low-fidelity wireframes and page flow diagrams for all key screens
- Repository setup, folder structure, coding conventions, and Git branching strategy
Development
This is where the product is built, layer by layer. I work in focused sprints with regular check-ins so you always know what's live and what's coming next — there are no silence periods where the project disappears for weeks. Frontend and backend are developed in parallel where possible, integrated continuously, and tested against the specification at each milestone. Code is written to be read by future developers: clean, modular, and documented where the logic isn't immediately obvious.
Key activities
- Environment setup: dev, staging, and production with CI/CD pipeline from day one
- Frontend build: responsive layouts, component library, routing, and state management
- Backend build: API endpoints, business logic, authentication, and database integration
- Continuous integration of frontend and backend with shared staging environment
- Regular progress demos and milestone reviews — you see the product growing in real time
- Code quality practices: consistent naming, modular structure, and meaningful commits
Testing & Quality Assurance
Quality assurance is not a final step — it runs throughout development. But this dedicated phase is where the product is stress-tested as a whole before it ever reaches a real user. I test every user flow end to end, push the system under edge cases and unexpected input, audit security vulnerabilities, and measure performance against Core Web Vitals benchmarks. Bugs discovered here cost a fraction of what they cost post-launch — this phase is the most cost-effective investment in long-term reliability.
Key activities
- End-to-end functional testing of every user flow from entry point to completion
- Cross-browser testing (Chrome, Firefox, Safari, Edge) and cross-device layout verification
- Performance audit: Core Web Vitals, Lighthouse scoring, image optimization, and bundle analysis
- Security review: input validation, XSS prevention, SQL injection, CSRF, and authentication edge cases
- User acceptance testing (UAT) — structured walkthroughs with client feedback and sign-off
- Bug triage, prioritization, and resolution before production deployment
Deployment & Launch
Launch day is not the end — it's the most operationally sensitive moment in the project lifecycle. I manage the full production deployment with zero-downtime strategies, configure the domain, SSL certificates, and environment variables, and run a final smoke test across every critical path before flipping the switch. Monitoring and error tracking are set up so that if anything unexpected happens post-launch, it's caught immediately rather than discovered by a user.
Key activities
- Production environment provisioning on Vercel, Hostinger, or client-specified infrastructure
- Domain configuration, DNS setup, and SSL certificate installation
- Environment variable management and secrets configuration for production
- Final pre-launch smoke test across all critical user flows
- Analytics integration (Google Analytics, Plausible) and error monitoring (Sentry or similar)
- Handoff documentation: deployment guide, environment setup, and admin access credentials
Post-Launch Support & Growth
A launched product is a living product. Real users surface behaviors no test plan anticipates, and the first weeks after launch are critical for catching and resolving issues before they compound. I provide a structured post-launch window for monitoring, bug fixes, and hotpatches. Beyond stability, I remain available for feature iterations driven by real user feedback — because the best product decisions come from observing how actual users interact with what you've built, not just how you imagined they would.
Key activities
- Active uptime and performance monitoring during the post-launch stabilization window
- Bug fixes and hotpatches within agreed response time for critical issues
- Feature iterations and improvements based on real user behavior and analytics data
- Scaling guidance — caching strategies, CDN configuration, and infrastructure upgrades as traffic grows
- Ongoing consultation retainer available for teams that need continued technical support
- Knowledge transfer sessions so your internal team can confidently manage and extend the product