ONTHEROCK Software – Pragmatic innovation through software

<!doctype html> <html lang="en" class="scroll-smooth"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ONTHEROCK Software – Pragmatic innovation through software</title> <meta name="description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta name="keywords" content="software, laravel, laravel nova, api, php, web, technology, development, solutions, ontherock, otrsw, pragmatic, innovation, western cape, website"> <link rel="canonical" href="https://ontherock.software/projects/api-gateway"/> <link rel="icon" type="image/x-icon" href="/assets/logos/OTR-Logo-Only-150x150.png"> <link rel="stylesheet" href="/css/tailwind.css">  <meta property="og:title" content="ONTHEROCK Software – Pragmatic innovation through software"> <meta property="og:type" content="website" /> <meta property="og:description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta property="og:image" content="https://ontherock.software/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg"> <meta property="og:url" content="https://ontherock.software/projects/api-gateway">  <meta name="twitter:title" content="ONTHEROCK Software – Pragmatic innovation through software"> <meta name="twitter:description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta name="twitter:url" content="https://ontherock.software/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg"> <meta name="twitter:card" content="summary"> <style> :root{ --primary-color: "<%= primary_color %>"; --secondary-color: "<%= secondary_color %>"; } </style> <script src="https://www.google.com/recaptcha/api.js" async defer></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1045588058"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1045588058'); </script>  <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1045588058/4dwTCPvTruAZENrQyfID', 'value': 1.0, 'currency': 'ZAR', 'event_callback': callback }); return false; } </script> </head> <body class="bg-gray-100 font-sans leading-normal text-gray-800"> <button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light" class="z-10 inline-block p-3 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out bottom-5 right-5" id="btn-back-to-top"> <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path></svg> </button> <div class="mx-auto lg:min-h-screen flex flex-col items-center justify-center">  <nav class="fixed z-10 top-0 bg-white shadow-lg w-full"> <div class="max-w-6xl mx-auto px-4"> <div class="flex justify-between"> <div class="flex container relative flex flex-wrap items-center justify-between"> <div>  <a href="/" class="flex items-center py-4 px-2"> <img src="/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg" alt="Logo" class="h-full w-full mr-2"> </a> </div>  <div class="hidden md:flex items-center space-x-1"> <a href="/#about" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">About</a> <a href="/#services" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Services</a> <a href="/#testimonials" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Testimonials</a> <a href="/#projects" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Projects</a> <a href="/#products" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Products</a> <a href="/#faq" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">FAQ</a> <a href="/#contact" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Contact</a> </div> </div>  <div class="md:hidden flex items-center"> <button class="outline-none mobile-menu-button"> <svg class=" w-6 h-6 text-gray-500 hover:text-primary" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor" > <path d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> </div>  <div class="hidden mobile-menu"> <ul class=""> <li><a href="/#about" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">About</a></li> <li><a href="/#services" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Services</a></li> <li><a href="/#testimonials" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Testimonials</a></li> <li><a href="/#projects" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Projects</a></li> <li><a href="/#products" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Products</a></li> <li><a href="/#faq" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">FAQ</a></li> <li><a href="/#contact" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Contact</a></li> </ul> </div> </nav> <section class="w-full px-2 py-56 bg-white md:px-0 min-h-screen"> <div class="container items-center px-8 mx-auto xl:px-5"> <div class="flex flex-wrap items-center sm:-mx-3"> <div class="w-full md:w-1/2 md:px-3"> <div class="prose w-full pb-6 space-y-6 sm:max-w-md lg:max-w-lg md:space-y-4 lg:space-y-8 xl:space-y-9 sm:pr-5 lg:pr-0 md:pb-0"> <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-4xl lg:text-5xl xl:text-6xl"> <span class="block xl:inline">API Gateway</span> </h1> <p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl">A call center customer required a way to limit the development time when taking new external lead providers on board. The process of integrating to each new external partner was time-consuming and resource-intensive. We developed an API Gateway that hides this complexity from the internal team, by mapping external APIs to their single internal API. It now allows them to onboard new partners with zero development, by simply using the platform to setup and map the 2 APIs.</p> <p class="mx-auto text-base text-gray-500 lg:text-xl md:max-w-3xl break-all"><a href="https://gateway.marketsa.biz/" target="_blank" class="text-primary">https://gateway.marketsa.biz/</a></p> </div> </div> <div class="w-full md:w-1/2"> <div class="w-full h-auto overflow-hidden shadow-xl rounded-md"> <img src="/assets/projects/apigate.png" alt="API Gateway"> </div> </div> </div> </div> </section>  <section class="text-gray-700 bg-gray body-font w-full"> <div class="container flex flex-col items-center px-8 py-8 mx-auto max-w-7xl sm:flex-row"> <a href="#home" class="text-xl font-black leading-none text-gray-900 select-none logo">ONTHEROCK Software<span class="text-primary">.</span></a> <p class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0">© 2024 ONTHEROCK Software</p> <a class="mt-4 text-sm text-primary sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0" target="_blank" href=/assets/On-The-Rock-Software-Terms-of-Service-v1.1b.pdf>Terms of Service</a> </div> <hr> <div class="container flex flex-col px-8 py-8 mx-auto max-w-7xl sm:flex-row"> <p class="text-sm text-gray-500 sm:mt-0">Matthew 7:24-25<br> “Everyone then who hears these words of mine and does them will be like a wise man who built his house on the rock. 25 And the rain fell, and the floods came, and the winds blew and beat on that house, but it did not fall, because it had been founded on the rock."</p> </div> </section> </div> <script> document.documentElement.style.setProperty('--primary-color', '#94C34E'); document.documentElement.style.setProperty('--secondary-color', '#A59389'); </script> <script src="/js/site.js"></script> </body> </html>

CINXE.COM

ONTHEROCK Software – Pragmatic innovation through software