RoyalSpirit

Royal Spirit — Case Study | Osama Tahir :root{--bg:#f8fafc;--card:#ffffff;--muted:#6b7280;--accent:#0f172a;--accent-2:#0ea5a4} *{box-sizing:border-box} html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--accent);background:var(--bg)} .wrap{max-width:1100px;margin:48px auto;padding:28px} .hero{display:flex;gap:24px;align-items:center} .hero-left{flex:1} .eyebrow{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px} h1{margin:8px 0 12px;font-size:34px} .meta{color:var(--muted);margin-bottom:18px} .btn-row{display:flex;gap:12px;flex-wrap:wrap} .btn{background:var(--accent-2);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600} .btn.ghost{background:transparent;color:var(--accent);border:1px solid #e6eef0} .grid{display:grid;grid-template-columns:1fr 360px;gap:28px;margin-top:28px} .card{background:var(--card);padding:22px;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,0.04)} .screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .screenshot{height:220px;border-radius:10px;background:linear-gradient(135deg,#e6f6f5,#eef7fb);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600} h3{margin-top:0} .list{padding-left:18px;color:var(--muted)} .tech-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .tech{background:#f1f5f9;padding:8px 10px;border-radius:8px;font-weight:600;color:var(--accent)} .stats{display:flex;gap:16px;margin-top:10px} .stat{background:#fbfbfd;padding:12px;border-radius:10px;flex:1;text-align:center} .stat .num{font-size:20px;font-weight:700} .muted{color:var(--muted)} .bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .bullet{background:#fff;padding:12px;border-radius:10px;border:1px solid #f0f4f7} .cta{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:20px} .related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px} .related-item{background:#fff;padding:12px;border-radius:10px;text-align:center} @media (max-width: 980px) { .hero{flex-direction:column;align-items:flex-start} .hero > div:last-child, .hero div[style*="width:320px"]{width:100%!important} .grid{grid-template-columns:1fr} .screenshots{grid-template-columns:1fr} .bullets{grid-template-columns:1fr} .related{grid-template-columns:repeat(2,1fr)} h1{font-size:28px;line-height:1.3} } @media (max-width: 600px) { .wrap{padding:14px;margin:12px auto} .related{grid-template-columns:1fr} .cta{flex-direction:column;align-items:flex-start;gap:12px} .stats{flex-direction:column} }
Case Study

Royal Spirit — Full e-commerce ecosystem

Website, Mobile App & Backend • Network International payments • Hosted on Hostinger • 4 months

Get in touch

Project Summary

I developed the complete Royal Spirit e-commerce ecosystem, including their website and mobile application, with custom backend APIs, hosting setup, and fully integrated Network International payment gateway.

Role
Full-stack developer — Frontend, Backend, Mobile, DevOps

Responsibilities

  • Frontend website development (React)
  • Backend development (Laravel APIs, MySQL)
  • Mobile app development (Flutter)
  • Admin panel & product management system
  • Hosting setup (Hostinger & cPanel) and deployments
  • Payment gateway integration (Network International)
  • Performance optimization, testing & maintenance

Features (Overview)

E-commerce
  • Product catalog, filters & search
  • Product variations & details
  • Cart, checkout, orders & tracking
  • Offers, coupons & wishlists
App & Admin
  • Mobile OTP login, push notifications
  • Inventory & order management
  • Analytics & reports
  • Content management for site/app

Technologies

React
Flutter
Laravel
MySQL
Firebase
Hostinger
cPanel
GitHub
Network Intl. Payments

Challenges & Solutions

  • Built website and mobile app from scratch through production deployment.
  • Designed a scalable backend architecture for products, users, and orders.
  • Completed secure Network International payment integration and checkout flows.
  • Managed hosting, DNS, and app publishing — smooth deployments.
  • Synchronized website, app, and admin panel for real-time inventory & orders.

Results & Impact

The platform launched successfully and is steadily gaining traction. User engagement and orders are improving daily, and the system is now a stable foundation for future growth across the UAE.