MVP • SaaS

ZatcaX – Invoicing SaaS Platform

Tech Lead / Front-End Engineer

About the Project

Full-stack invoicing SaaS platform with ZATCA compliance, including marketing site, payment processing, financial dashboards, and automated invoice generation. Built with Next.js, TypeScript, and integrated Stripe for secure multi-user billing. Designed responsive landing page with Framer Motion animations and implemented comprehensive analytics tracking.

Tech Stack

Next.jsTypeScriptReactTailwind CSSFramer MotionStripe

Integrations

StripePayment ProcessingZATCA ComplianceAnalytics

Challenges

  • Building compliant invoicing workflows aligned with ZATCA regulatory guidelines
  • Integrating Stripe securely for multi-user billing and subscription management
  • Creating performant animated landing page while maintaining fast load times
  • Designing intuitive financial dashboards with real-time data visualization

Solutions

  • Architected reusable component system shared between marketing site and SaaS application
  • Implemented secure payment handling with Stripe API and webhook verification
  • Optimized animations using Framer Motion with lazy loading and code splitting
  • Built financial dashboards with real-time updates, charts, and export functionality

Project Video & Screenshots

ZatcaX – Invoicing SaaS Platform screenshot 1
ZatcaX – Invoicing SaaS Platform screenshot 2
ZatcaX – Invoicing SaaS Platform screenshot 3
ZatcaX – Invoicing SaaS Platform screenshot 4
ZatcaX – Invoicing SaaS Platform screenshot 5
ZatcaX – Invoicing SaaS Platform screenshot 6
ZatcaX – Invoicing SaaS Platform screenshot 7
ZatcaX – Invoicing SaaS Platform screenshot 8

Build a Similar Project

Interested in building something similar? Let's discuss your project requirements and how we can bring your vision to life.