I have independently designed, developed and deployed production-grade websites and web applications for businesses across E-commerce, charity, trading, automotive services, hospitality, home improvements and local trades.

I have led end-to-end project lifecycles from client requirements gathering and system architecture to full-stack development, SEO optimisation, deployment pipelines and long-term maintenance.

Specialising in Next.js 14, React 18, TypeScript, Tailwind CSS, Prisma ORM, Stripe integration and performance engineering, I deliver scalable, fast and SEO-optimised solutions aligned with modern development best practices.

Selected Projects

SEOR: Jewellery E-Commerce Platform

Visit SEOR · Source Code

Built a fully responsive, full-stack e-commerce platform optimised for growth and conversion.

• Tech Stack: Next.js App Router, TypeScript, Tailwind CSS, Prisma ORM, Stripe Checkout, Resend API (Emails).
• Frontend: Dynamic product catalogues with server-rendered SEO metadata, lazy loading and responsive design.
• Backend: Custom admin dashboard for managing products, inventory and orders, with secure server actions and payment workflows.
• SEO & Performance: Implemented JSON-LD, dynamic sitemaps and achieved 90+ Lighthouse scores for SEO and performance.
• Challenges Solved: Built a scalable product architecture without third-party CMS reliance.
• Impact: Increased product visibility, enabled scalable growth and established an efficient order management system.

Seeds of Goodness: Charity Donation Website

Visit Seeds of Goodness · Source Code

Designed and developed a fast-loading, accessible platform for humanitarian fundraising campaigns providing support.

• Tech Stack: Next.js App Router, Tailwind CSS, server-rendered pages.
• Frontend: Donation-focused dynamic pages, optimised for accessibility (WCAG standards) and mobile responsiveness.
• Backend: Modular, CMS-ready components built for future expansion.
• SEO & Performance: Schema.org structured data, dynamic metadata and 90+ Lighthouse scores for SEO and Performance.
• Challenges Solved: Engineered secure offline donation flow aligned with charity compliance requirements.
• Impact: Enhanced donor trust and improved digital campaign effectiveness through technical SEO and optimised user journeys.

Al Najm Al Zaher — Commodity Trading Corporate Site

Visit Seeds of Goodness · Source Code

Engineered a high-performance website targeting international commodity markets.

• Tech Stack: Next.js App Router, Tailwind CSS.
• Frontend: Agricultural product catalogue with spec sheets and structured Open Graph metadata.
• SEO & Internationalisation: Optimised for multilingual SEO visibility and meta-tag standardisation across regions.
• Performance: Achieved 90+ Lighthouse scores for SEO, Performance and Accessibility.
• Challenges Solved: Ensured compatibility across diverse network conditions and improved server-side rendering efficiency.
• Impact: Strengthened global brand credibility and streamlined client acquisition channels.

Autolak — Automotive Services Website

Visit Autolak

Rebuilt and modernised the online presence for a UK-based auto electrical specialist.

• Tech Stack: Next.js App Router, Tailwind CSS.
• Frontend: Service-focused landing pages optimised for mobile-first indexing and local SEO.
• Features: Integrated WhatsApp messaging and click-to-call functionality for direct customer engagement.
• SEO & Performance: Delivered dynamic metadata, lazy loading, server-side rendering and optimised Google Business Profile integration.
• Challenges Solved: Replaced legacy website with a modern, SEO-driven architecture to increase local search rankings.
• Impact: Improved frontend SEO architecture and achieved measurable increases in organic traffic and customer enquiries.

Key Skills and Technologies

• Frontend: Next.js 14 (App Router), React 18, Tailwind CSS, Shadcn UI
• Backend: Prisma ORM, PostgreSQL (Neon), API development, Server Actions
• Payments: Stripe Checkout, secure payment processing
• Authentication: Clerk integration for secure authentication
• SEO Engineering: JSON-LD structured data, dynamic sitemaps, Open Graph optimisation
• Performance Optimisation: Lazy loading, image compression, server-side rendering, code splitting
• Deployment & DevOps: Vercel, Netlify, CI/CD pipelines, automated deployments
• Version Control: Git, GitHub for project management and collaboration

Technical Outcomes

• Designed modular, scalable codebases ensuring maintainability and ease of future feature expansion.
• Achieved 90+ Lighthouse scores across Performance, SEO and Accessibility for all major client projects.
• Improved search engine rankings through dynamic SEO metadata, structured data and technical optimisation.
• Built secure, production-ready web applications with high conversion rates and fast performance.

Notes

• All projects are live, production-ready and built with scalability and security in mind.
• Full screenshots or additional code samples available upon request.
• Actively expanding my skill set to include additional backend frameworks, testing suites and system design principles.