--- title: Portfolio description: Portfolio Real Apps for Real Clients. Real engagements. Named clients. Production code you can inspect. url: https://miracuves.com/portfolio date_modified: 2026-07-02 author: miracuves language: en_US --- Portfolio # Real Apps for Real Clients. Real engagements. Named clients. Production code you can inspect. A named client. A real problem. A measurable outcome. Every case study below is a real Miracuves engagement — production apps shipped to real businesses, written up with the client's permission. Source-code handover on every engagement, no exceptions. [Request Source-Code Access](#) Digital Pioneers 9,000+ Projects Delivered 4.9 / 5.0 Client-Verified Platforms 35 + Industries Served 100% Source-Code Handover, No Exceptions .mcx-pf-hero{ --mcx-crimson:#a70d2a; --mcx-crimson-2:#990000; --mcx-obsidian:#0a0c12; --mcx-obsidian-2:#12141c; --mcx-ink:#e9eaf0; --mcx-muted:#9aa0b4; font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; position:relative; isolation:isolate; width:100%; min-height:820px; background:transparent; /* Elementor section handles the BG video/overlay */ overflow:hidden; padding:96px 24px 64px; box-sizing:border-box; display:flex; align-items:flex-start; justify-content:center; } .mcx-pf-hero *{ box-sizing:border-box; } /* ---------- Inner layout ---------- */ .mcx-pf-hero__inner{ position:relative; z-index:1; width:100%; max-width:1200px; display:flex; flex-direction:column; align-items:center; text-align:center; } .mcx-pf-hero__copy{ max-width:820px; } .mcx-pf-hero__eyebrow{ display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; padding:7px 14px; border-radius:100px; background:rgba(255,255,255,.94); color:var(--mcx-obsidian); font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 6px 18px rgba(0,0,0,.25); } .mcx-pf-hero__eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--mcx-crimson); box-shadow:0 0 0 4px rgba(167,13,42,.18); } .mcx-pf-hero__title{ margin:0 0 22px; color:#fff; font-weight:700; font-size:clamp(34px, 4.6vw, 60px); line-height:1.12; letter-spacing:-0.02em; text-shadow:0 4px 26px rgba(0,0,0,.35); } .mcx-pf-hero__title em{ display:block; font-style:italic; font-weight:800; background:linear-gradient(92deg, #ffffff 0%, #ffe3ae 55%, #ffb347 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 3px 10px rgba(0,0,0,.35)); } .mcx-pf-hero__subtitle{ margin:0 auto 18px; max-width:640px; color:#fff; font-size:18px; line-height:1.6; font-weight:600; text-shadow:0 2px 18px rgba(0,0,0,.3); } .mcx-pf-hero__lede{ margin:0 auto 36px; max-width:640px; color:rgba(255,255,255,.86); font-size:15.5px; line-height:1.7; font-weight:500; text-shadow:0 2px 14px rgba(0,0,0,.25); } .mcx-pf-hero__cta{ display:inline-flex; align-items:center; gap:10px; background:#fff; color:var(--mcx-obsidian); font-weight:700; font-size:15px; padding:16px 26px; border-radius:100px; text-decoration:none; box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06); transition:transform .25s ease, box-shadow .25s ease, background .25s ease; } .mcx-pf-hero__cta svg{ color:var(--mcx-crimson); transition:transform .25s ease; } .mcx-pf-hero__cta:hover{ transform:translateY(-2px); background:var(--mcx-obsidian); color:#fff; box-shadow:0 14px 34px rgba(0,0,0,.4); } .mcx-pf-hero__cta:hover svg{ color:#fff; transform:translateX(3px); } /* ---------- Stat cards row ---------- */ .mcx-pf-hero__cards{ margin-top:64px; width:100%; display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr 1fr; gap:18px; align-items:stretch; } .mcx-pf-card{ position:relative; border-radius:26px; overflow:hidden; min-height:270px; padding:26px; display:flex; flex-direction:column; justify-content:flex-start; text-align:left; backdrop-filter:blur(6px); transition:transform .35s ease, box-shadow .35s ease; } .mcx-pf-card:hover{ transform:translateY(-6px); } .mcx-pf-card--photo{ padding:0; justify-content:flex-start; } .mcx-pf-card--photo img, .mcx-pf-card__illustration{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; } .mcx-pf-card--photo img{ filter:grayscale(1) contrast(1.05); } .mcx-pf-card__badge{ position:relative; z-index:1; margin:16px; display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.92); color:var(--mcx-obsidian); font-size:12.5px; font-weight:700; padding:8px 12px; border-radius:100px; width:max-content; } .mcx-pf-card__badge svg{ color:var(--mcx-crimson); } .mcx-pf-card--light{ background:#fff; color:var(--mcx-obsidian); box-shadow:0 12px 28px rgba(0,0,0,.28); } .mcx-pf-card--dark{ background:linear-gradient(160deg, var(--mcx-obsidian-2) 0%, #191b24 100%); color:#fff; border:1px solid rgba(255,255,255,.08); } /* The single "hero stat" card — this is the one number that gets the crimson brand treatment, matching the reference layout where only the lead stat is colored and every other card stays neutral. */ .mcx-pf-card--highlight{ justify-content:center; } .mcx-pf-card--highlight .mcx-pf-card__number{ font-size:46px; color:var(--mcx-crimson); } .mcx-pf-card--highlight .mcx-pf-card__label{ font-size:15px; } .mcx-pf-card__number{ font-size:38px; font-weight:800; letter-spacing:-0.02em; line-height:1.05; margin-bottom:8px; } .mcx-pf-card--dark .mcx-pf-card__number{ color:#fff; } .mcx-pf-card--feature .mcx-pf-card__number{ color:var(--mcx-obsidian); } .mcx-pf-card__label{ font-size:14.5px; font-weight:500; color:inherit; opacity:.68; line-height:1.35; max-width:80%; } .mcx-pf-card__rating{ display:flex; align-items:center; gap:8px; font-size:26px; font-weight:800; margin-bottom:8px; } .mcx-pf-card__rating svg{ color:#ffb545; flex-shrink:0; } .mcx-pf-card__mark{ position:absolute; right:-22px; bottom:-22px; width:110px; height:110px; color:rgba(255,255,255,.3); } .mcx-pf-card__mark svg{ width:100%; height:100%; } .mcx-pf-card__bars{ position:absolute; right:22px; bottom:24px; display:flex; align-items:flex-end; gap:7px; height:70px; } .mcx-pf-card__bars i{ display:block; width:10px; border-radius:3px; height:var(--h); background:rgba(255,255,255,.18); } .mcx-pf-card__bars i:last-child{ background:var(--mcx-crimson); } .mcx-pf-card--feature{ background:linear-gradient(165deg, #ffffff 0%, #f4e9ec 100%); } .mcx-pf-card__stack{ position:absolute; right:-46px; bottom:-46px; width:200px; height:200px; } .mcx-pf-card__stack i{ position:absolute; border-radius:50%; border:1px solid rgba(167,13,42,.18); background:radial-gradient(circle at 32% 28%, #2c2f3d, var(--mcx-obsidian) 70%); } .mcx-pf-card__stack i:nth-child(1){ width:200px; height:200px; right:0; bottom:0; opacity:.14; } .mcx-pf-card__stack i:nth-child(2){ width:170px; height:170px; right:10px; bottom:8px; opacity:.24; } .mcx-pf-card__stack i:nth-child(3){ width:140px; height:140px; right:20px; bottom:16px; opacity:.38; } .mcx-pf-card__stack i:nth-child(4){ width:110px; height:110px; right:30px; bottom:24px; opacity:.56; } .mcx-pf-card__stack i:nth-child(5){ width:80px; height:80px; right:40px; bottom:32px; opacity:.76; } .mcx-pf-card__stack i:nth-child(6){ width:50px; height:50px; right:50px; bottom:40px; opacity:.92; } .mcx-pf-card__stack i:nth-child(7){ width:24px; height:24px; right:60px; bottom:48px; opacity:1; background:var(--mcx-crimson); border:none; } /* ---------- Responsive ---------- */ @media (max-width:1080px){ .mcx-pf-hero__cards{ grid-template-columns:repeat(3, 1fr); } .mcx-pf-card--photo{ grid-column:span 3; min-height:200px; } } @media (max-width:640px){ .mcx-pf-hero{ padding:72px 16px 48px; min-height:auto; } .mcx-pf-hero__cards{ grid-template-columns:1fr 1fr; margin-top:44px; } .mcx-pf-card--photo{ grid-column:span 2; min-height:170px; } .mcx-pf-card{ min-height:190px; padding:20px; } .mcx-pf-card__number{ font-size:30px; } .mcx-pf-card--highlight .mcx-pf-card__number{ font-size:36px; } .mcx-pf-hero__title{ font-size:32px; } } @media (prefers-reduced-motion:reduce){ .mcx-pf-card, .mcx-pf-hero__cta, .mcx-pf-hero__cta svg{ transition:none; } } ## Every Industry. One Delivery Standard. From flight booking engines to OTT streaming platforms, ride-sharing apps to hotel booking systems – every engagement below shipped with the same rigor: a documented brief, production-grade architecture, and full source-code handover. Aviation. Hospitality. Food delivery. Ride-sharing. Video & OTT. Education. Enterprise web apps. [![Miracuves client case study — Marvel app built for enterprise engagement](https://miracuves.com/wp-content/uploads/2024/06/Marvel-768x557.webp "Marvel Webapp 1")](https://miracuves.com/portfolio/marvel-webapp/) [Continue Reading »](https://miracuves.com/portfolio/marvel-webapp/) #### Marvel Webapp [![EDU LMS Coachs Online](https://miracuves.com/wp-content/uploads/2024/06/Coachs-768x557.webp "Coachs Online Edu App 2")](https://miracuves.com/portfolio/coachs-online-edu-app/) [Continue Reading »](https://miracuves.com/portfolio/coachs-online-edu-app/) #### Coachs Online Edu App [![Tipsyryde Driver Assist and Curbside Delivery](https://miracuves.com/wp-content/uploads/2023/11/Tipsyryde-1-768x557.png "Tipyryde Ride Sharing App 3")](https://miracuves.com/portfolio/tipyryde-ride-sharing-app/) [Continue Reading »](https://miracuves.com/portfolio/tipyryde-ride-sharing-app/) #### Tipyryde Ride Sharing App [![Wave App Bidding Ride Delivery](https://miracuves.com/wp-content/uploads/2024/02/Wave-App-768x557.webp "Wave Bid N Ride Bidding App 4")](https://miracuves.com/portfolio/wave-bid-n-ride-bidding-app/) [Continue Reading »](https://miracuves.com/portfolio/wave-bid-n-ride-bidding-app/) #### Wave Bid N Ride Bidding App [![Multi Vendor Food Ordering and Delivery with Flyereats](https://miracuves.com/wp-content/uploads/2023/11/Flyereats-768x557.png "Flyereats Food Ordering App 5")](https://miracuves.com/portfolio/flyereats-food-ordering-app/) [Continue Reading »](https://miracuves.com/portfolio/flyereats-food-ordering-app/) #### Flyereats Food Ordering App [![NelStream Content Streaming](https://miracuves.com/wp-content/uploads/2023/11/NelStream-768x557.png "Nelstream Video Sharing App 6")](https://miracuves.com/portfolio/nelstream-video-sharing-app/) [Continue Reading »](https://miracuves.com/portfolio/nelstream-video-sharing-app/) #### Nelstream Video Sharing App [![Miracuves client case study — Go To Rwanda tourism platform](https://miracuves.com/wp-content/uploads/2023/11/Gotorwanda-1-768x557.png "GotoRwanda Vacation Rental App 7")](https://miracuves.com/portfolio/gotorwanda-vacation-rental-app/) [Continue Reading »](https://miracuves.com/portfolio/gotorwanda-vacation-rental-app/) #### GotoRwanda Vacation Rental App [![Miracuves client case study — Etihad delivery platform](https://miracuves.com/wp-content/uploads/2024/05/Etihad-768x557.webp "Etihad Flight Booking Engine Development 8")](https://miracuves.com/portfolio/etihad-flight-booking-engine-development/) [Continue Reading »](https://miracuves.com/portfolio/etihad-flight-booking-engine-development/) #### Etihad Flight Booking Engine Development [![PragPlay](https://miracuves.com/wp-content/uploads/2023/11/PragPlay-768x557.png "PragPlay OTT App 9")](https://miracuves.com/portfolio/pragplay-ott-app/) [Continue Reading »](https://miracuves.com/portfolio/pragplay-ott-app/) #### PragPlay OTT App [![Miracuves client case study — Ischia regional services platform](https://miracuves.com/wp-content/uploads/2024/06/Ischia-768x557.webp "Ischia Hotel Booking Webapp 10")](https://miracuves.com/portfolio/ischia-hotel-booking-webapp/) [Continue Reading »](https://miracuves.com/portfolio/ischia-hotel-booking-webapp/) #### Ischia Hotel Booking Webapp [![Web App Heineken](https://miracuves.com/wp-content/uploads/2024/05/Heineken-768x557.webp "Heineken - Lager Beer Website Development 11")](https://miracuves.com/portfolio/heineken-lager-beer-website-development/) [Continue Reading »](https://miracuves.com/portfolio/heineken-lager-beer-website-development/) #### Heineken – Lager Beer Website Development #### Nelmeet Video Conferencing App Load More **Get Started** ## Your App Could Be the Next Case Study 90+ readymade clone solutions deployed in 6 days, starting at $2,799. Custom builds from $6,699. 3,900+ apps delivered — source code handed over on every one. [Your Ideas. We Ideate. We Build. We Deliver. Let's Connect →](https://miracuves.com/schedule-consultation/)