Suprivale Ao Vivo | Live Camera Streaming & Map Platform | Mohamed Said [Skip to content](#main) [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://www.msaied.com) - [Home](https://www.msaied.com) - [Projects](https://www.msaied.com/projects) - [Articles](https://www.msaied.com/articles) - [Certificates](https://www.msaied.com/certificates) - [About](https://www.msaied.com#about) [ Contact](https://www.msaied.com#contact) Menu Menu ---- Close - [HomeStart here](https://www.msaied.com) - [ProjectsCase studies](https://www.msaied.com/projects) - [ArticlesEngineering notes](https://www.msaied.com/articles) - [CertificatesCredentials](https://www.msaied.com/certificates) - [AboutHow I work](https://www.msaied.com#about) - [ContactGet in touch](https://www.msaied.com#contact) [Start a conversation](https://www.msaied.com#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 1. [Home](https://www.msaied.com) 2. / 3. [Projects](https://www.msaied.com/projects) 4. / 5. Suprivale Ao Vivo — Live Camera Streaming & Discovery Platform Platforms Streaming Platforms SaaS Suprivale Ao Vivo — Live Camera Streaming & Discovery Platform =================================================================== Suprivale Ao Vivo is a live camera streaming and discovery platform that connects viewers with public camera feeds from cities across Brazil. It combines login-free viewing, interactive map discovery, subscription-based partner publishing, advertisements, Asaas payments, and multi-role administration in one system. Shipped ·Delivered Sep 2026 ·Lead Backend Engineer & Solution Architect [View live project ↗](https://suprivaleaovivo.com.br) ![Suprivale Ao Vivo — Live Camera Streaming & Discovery Platform](https://cdn.msaied.com/732/01M41AA1DJAZG85SZM3701E1EP.png) Case study ---------- 1. ### The challenge Designing a platform that serves both public viewers and paying camera partners while maintaining strict data isolation and permissions between visitors, users, partners, and administrators. The system also needed to combine public live streaming, geographic camera discovery, package-based feature limits, advertisement management, subscription approval, payment processing, and partner dashboards without making the underlying business logic difficult to extend. 2. ### The approach I designed the platform around clearly separated user roles and domain boundaries. Public camera streams remain accessible without authentication, while registered users gain personal features such as saved cameras. Partners operate inside an isolated dashboard where all camera, advertisement, subscription, and statistics queries are scoped to their own account. Subscription capabilities are controlled through packages instead of partner-specific hardcoded limits, allowing camera limits, advertisement limits, and additional features to evolve independently. The subscription workflow was implemented as an explicit state-driven process: request submission, admin review, approval, payment, and activation. Asaas was integrated for subscription payments using webhook-driven confirmation and idempotent processing so subscriptions are activated only after verified payment events. OpenStreetMap and Leaflet power geographical camera discovery, while Laravel authorization policies and permissions enforce access rules on the backend rather than relying on UI visibility alone. The administration layer centralizes management of cameras, categories, partners, subscriptions, payments, advertisements, users, content, permissions, and platform activity. 3. ### The outcome Delivered a centralized platform where visitors can freely discover and watch live cameras, registered users can save favorites, partners can manage cameras, advertisements and subscriptions, and administrators can control the complete platform from a single dashboard. Suprivale Ao Vivo is a web-based live camera streaming and discovery platform designed to connect viewers with live views from cities and locations across Brazil. The platform allows visitors to browse and watch public camera streams without creating an account, discover cameras through an interactive OpenStreetMap-based map, browse by category or location, and share individual camera pages. Registered users can save cameras to their favorites, while businesses and camera owners can become partners and publish their own cameras through subscription-based packages. The partner ecosystem includes camera management, viewer statistics, advertisement management, subscription plans, and payment processing through Asaas. Package-based limits control the number of cameras, active advertisements, and available partner features. A dedicated partner dashboard isolates each partner's cameras, advertisements, subscription, and statistics, while the administration panel provides centralized control over cameras, categories, partners, subscriptions, payments, advertisements, users, website content, permissions, and system activity. The platform was designed around strict role separation between public visitors, registered users, partners, and administrators, with authorization enforced at the backend level. Key features include: • Public live camera streaming without login • Interactive camera discovery map • Camera categories and location-based browsing • Saved cameras and favorites • Partner onboarding and approval workflow • Subscription-based partner packages • Asaas payment integration • Camera and stream management • Partner advertisement management • Package-based feature and advertisement limits • Camera and partner statistics • Multi-role administration and permissions • Public content and website management - Laravel - PHP - FilamentPHP - Livewire - Tailwind CSS - MySQL - OpenStreetMap - Leaflet - Asaas - REST API - Webhooks - RBAC Project facts ------------- Role Lead Backend Engineer & Solution Architect Delivered September 2026 Status Shipped Stack Laravel PHP FilamentPHP Livewire Tailwind CSS MySQL OpenStreetMap Leaflet Asaas REST API Webhooks RBAC ### Need something similar? Tell me about your idea and I’ll help you plan, build and grow it. [Start a conversation](https://www.msaied.com#contact) More projects -------------- [ ![](https://cdn.msaied.com/734/01M41B7GRZSQMAP1QPWK36KP8T.png) Shipped ](https://www.msaied.com/projects/mohamed-said-personal-portfolio-engineering-website)- Portfolio - Web Development - +1 ### [Mohamed Said — Personal Portfolio & Engineering Website](https://www.msaied.com/projects/mohamed-said-personal-portfolio-engineering-website) A complete redesign of my personal engineering website, combining selected production projects, detailed case studies, hundreds of technical articles, certificates, open-source work, and lead generation into one clean professional platform. - Laravel - PHP - Blade - Livewire - +10 [View case study →](https://www.msaied.com/projects/mohamed-said-personal-portfolio-engineering-website) $refs.close.focus())" :aria-expanded="more" aria-controls="project-more-61-u6Me" class="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-full border border-line px-3 text-\[13px\] font-semibold text-ink2 transition-colors hover:border-ink hover:text-ink"> +Quick look Quick look Mohamed Said — Personal Portfolio & Engineering Website × Role Product Owner, Designer & Full-Stack Developer Challenge The main challenge was organizing more than a decade of engineering experience, hundreds of technical articles, numerous production projects, certificates, and open-source contributions without overwhelming visitors. The previous portfolio format also needed to evolve from a simple personal profile into a professional platform capable of serving different audiences, including potential clients, recruiters, companies, and developers. The redesign needed to remain visually minimal while still providing enough technical depth to demonstrate architecture, backend expertise, real production experience, and the decisions behind each project. Approach I redesigned the website around a content-first architecture with clear separation between professional positioning, projects, technical writing, certificates, and contact paths. The homepage focuses on quickly communicating my role, experience, engineering focus, and selected work without requiring visitors to explore multiple pages before understanding what I do. Projects were rebuilt as structured case studies with categories, technologies, project status, technical challenges, implementation approach, outcomes, and dedicated project imagery. The article section was designed as an engineering library rather than a traditional blog. Articles are organized through topics, searchable content, featured articles, and technology-focused hubs so hundreds of posts remain easy to discover. The interface uses a restrained visual system with strong typography, generous spacing, reusable components, and minimal decoration to keep attention on the engineering work. SEO, semantic markup, accessibility, responsive behavior, structured metadata, performance, and lead-generation paths were considered throughout the redesign. Outcome Delivered a cleaner and more focused professional platform that presents my engineering work through projects, architecture decisions, technical writing, and open-source contributions instead of relying on a traditional résumé-style portfolio. The new structure gives clients, recruiters, engineering teams, and developers clear paths to explore relevant work, understand my technical experience, discover articles, and contact me. Stack Laravel PHP Blade Livewire Alpine.js Tailwind CSS MySQL FilamentPHP JavaScript Vite SEO AEO Structured Data Responsive Design [Read the full case study](https://www.msaied.com/projects/mohamed-said-personal-portfolio-engineering-website) [ ![](https://cdn.msaied.com/733/01M41ARSRW8JWT78PYHF8G7S9M.png) Shipped ](https://www.msaied.com/projects/liliana-antonik-shawky-author-website-book-storefront)- Platforms - Marketplace - +2 ### [Liliana Antonik Shawky — Author Website & Book Storefront](https://www.msaied.com/projects/liliana-antonik-shawky-author-website-book-storefront) An elegant bilingual author website and direct book storefront designed to establish Liliana Antonik Shawky's digital presence, showcase her publications, share editorial content, and sell books directly to readers. - HTML - Tailwind CSS - Alpine.js - JavaScript - +9 [View case study →](https://www.msaied.com/projects/liliana-antonik-shawky-author-website-book-storefront) $refs.close.focus())" :aria-expanded="more" aria-controls="project-more-60-RqPx" class="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-full border border-line px-3 text-\[13px\] font-semibold text-ink2 transition-colors hover:border-ink hover:text-ink"> +Quick look Quick look Liliana Antonik Shawky — Author Website & Book Storefront × Role Full-Stack Developer, Solution Architect & UI Implementation Challenge The main challenge was combining an emotional, editorial author experience with a practical e-commerce flow without making the website feel like a traditional online store. The platform also needed to work for more than the author's first book, support multiple languages, present long-form editorial content, maintain a strong personal brand, and provide a clear path from discovering the author to purchasing a book. Approach I designed the website around two connected experiences: storytelling and commerce. The public experience uses an editorial structure with strong typography, author imagery, book storytelling, journal content, and carefully placed calls to action. Books are structured as reusable content entities rather than hardcoded sections, allowing future publications to be added without redesigning the website. Each book can have its own presentation, editions, pricing, media, description, and purchasing experience. The ordering flow was kept intentionally simple, allowing readers to select an edition and quantity before proceeding through a secure checkout process. The content architecture also supports bilingual pages, journal articles, newsletters, legal pages, FAQs, and future author events. SEO, semantic page structure, accessibility, responsive behavior, and content discoverability were considered throughout the implementation so the website can serve both readers and search engines effectively. Outcome Delivered a complete digital presence that combines author branding, editorial storytelling, book discovery, and direct sales in one cohesive platform. The website gives the author full ownership of her relationship with readers while providing a scalable foundation for future books, journal content, newsletters, events, and new releases. Stack HTML Tailwind CSS Alpine.js JavaScript Responsive Design SEO AEO Structured Data Payment Gateway Integration Laravel PHP Blade MySQL [Read the full case study](https://www.msaied.com/projects/liliana-antonik-shawky-author-website-book-storefront) [ ![](https://cdn.msaied.com/596/01M0ZFHRJ5P8Q9E2RFWDCS4Z6J.png) Shipped ](https://www.msaied.com/projects/multi-tenant-saas-erp-system)- SaaS - Operations - +1 ### [Multi-Tenant SaaS ERP System](https://www.msaied.com/projects/multi-tenant-saas-erp-system) A multi-tenant SaaS ERP platform that lets organizations run sales, purchasing, inventory, CRM, and accounting from one centralized system. Each organization works in its own secure tenant workspace, while a dedicated admin panel lets the operator manage tenants, subscription plans, and platform-wide settings. - Laravel 13 - PHP 8.4 - Filament 5 - Livewire 4 - +2 [View case study →](https://www.msaied.com/projects/multi-tenant-saas-erp-system) $refs.close.focus())" :aria-expanded="more" aria-controls="project-more-58-lFhw" class="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-full border border-line px-3 text-\[13px\] font-semibold text-ink2 transition-colors hover:border-ink hover:text-ink"> +Quick look Quick look Multi-Tenant SaaS ERP System × Role System architect & lead backend engineer, end to end Challenge The platform had to cover a dozen business domains, including sales, purchasing, inventory, CRM, accounting, and workforce operations, without turning into a tangled codebase that is hard to change. At the same time, every organization's data had to stay strictly isolated inside its own tenant workspace, while the SaaS operator still needed central control over organizations, plans, and platform settings. Approach I designed a modular monolith using nwidart/laravel-modules, giving each business domain its own isolated module so features can evolve and be extended independently within a single deployable application. I built two dedicated Filament 5 panels on Laravel 13 and PHP 8.4: an Admin Panel for managing organizations, subscriptions, and platform-wide settings, and an Organization Panel for employees' daily operations. Organization-level data isolation, role-based permissions, and audit logs secure every tenant, while Livewire 4 and Tailwind CSS 4 power real-time dashboards, PDF document generation, attachments, and human-readable sequential references for invoices and business documents. Outcome I delivered a complete, production-ready ERP platform that gives organizations a single secure workspace for their core operations and gives the operator full control over tenants and subscriptions. Its modular architecture keeps each domain maintainable and leaves room to add new business areas as the platform grows. Stack Laravel 13 PHP 8.4 Filament 5 Livewire 4 Tailwind CSS 4 nwidart/laravel-modules [Read the full case study](https://www.msaied.com/projects/multi-tenant-saas-erp-system) Have a technical challenge? ---------------------------- Tell me what you’re building. I reply within two working days. [Discuss your project ↗](https://www.msaied.com#contact) © 2026 Mohamed Said · Built with Laravel, meant to last.Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. - [Home](https://www.msaied.com) - [Articles](https://www.msaied.com/articles) - [Certificates](https://www.msaied.com/certificates) - [GitHub](https://github.com/EG-Mohamed) - [LinkedIn](https://www.linkedin.com/in/msaiedm/) - [WhatsApp](https://wa.me/201094619204) - [Email Address](mailto:hello@msaied.com) - [My CV](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) - [Sitemap](https://www.msaied.com/sitemap.xml)