← Back to Case Studies
Tax & Compliance

Building the Frontend for Orbitax Change Reports Tracker

Published Updated 3 min read
AngularTypeScriptRxJSNgRxAngular MaterialSCSS
Change reports tracker cover image
Change reports tracker cover image
Project Type
International Tax Intelligence, Data Visualization
Role
Associate Software Engineer
Tech-stack
Angular, Angular Material, NgRx, RxJS, TypeScript, SCSS

Orbitax is a global provider of cloud-based tax technology solutions, serving multinational corporations and tax professionals. One of their flagship products, the Change Reports Tracker, empowers global organizations to monitor real-time tax law changes across jurisdictions and take timely actions to remain compliant and optimize tax positioning.

As an Associate Software Engineer, I was responsible for implementing the entire frontend of this highly data-driven solution. The project required dynamic visualizations, complex UI interactions, and efficient client-side state management to deliver a seamless experience to users monitoring global tax compliance.

Goals

  • Visualize global tax data in a clear and actionable format
  • Enable users to personalize views by country, region, or tax topic
  • Support dynamic filtering, subscription preferences, and notification setups
  • Ensure a responsive and scalable frontend architecture for global enterprise use

My Contributions

📐 Complex UI Architecture with Angular

I designed and developed an intuitive, responsive frontend using Angular and Angular Material. This included:

  • Custom dashboard layouts using CSS Grid and Flexbox
  • An analytics dashboard with tax change visualizations and country filters
  • Dynamic, paginated data tables to display structured tax change records
  • Reusable UI components to maintain consistency across modules

⚙️ Efficient State Management with NgRx

To manage application state across the app, I implemented NgRx and RxJS, which ensured:

  • Reactive data flow between services and components
  • Predictable state transitions for filtering, loading, and caching data
  • Scalable architecture as new regions and tax domains were added

🌍 Personalization & Settings UI

I implemented a user-friendly settings modal where users can customize:

  • Countries, regions (Asia, Africa, EU), or tax topics they want to follow
  • Preferences stored locally and persisted through APIs for a consistent experience
  • A nested tree view UI to enable intuitive selection of topics and sub-topics

📧 Email Subscription Management

The platform allowed users to subscribe to specific updates, and I developed:

  • A clean, step-by-step UI to configure email alerts
  • Support for preferences like alert type (change reports, summaries), frequency, and recipient addresses
  • Enterprise support, allowing business clients to whitelist specific email addresses within corporate domains

Outcome

  • Delivered a robust, interactive frontend for one of Orbitax’s most valuable enterprise tools
  • Enabled multinational tax professionals to monitor global tax changes in real time
  • Simplified compliance management for large organizations with personalized alerting and analytics
  • Ensured scalability and maintainability through component reuse and reactive state architecture

Key Takeaways

  • NgRx + RxJS proved essential for managing complex client-side state in a scalable way
  • UI/UX design for enterprise users requires balancing dense information with a clean interface
  • A strong frontend foundation dramatically improves the usability and adoption of a data-heavy product

Tools & Technologies

  • Angular
  • Angular Material
  • NgRx, RxJS
  • TypeScript, SCSS
  • CSS Grid, Flexbox
  • GraphQL (for preferences, subscriptions, analytics)

Let's Work Together

Have a project in mind? Get in touch and let's discuss how I can help bring your ideas to life.

Get in Touch