Customer Dashboard

Customer Dashboard

Ev Infrastructure Firm Logo - NDA

Customer Dashboard for EV Infrastructure Firm

Customer Dashboard for EV Infrastructure Firm

Smart Data partnered with an EV infrastructure firm to build a modern customer-facing dashboard. The web app helps fleet managers monitor electric charging station networks across multiple sites, with intuitive data visualizations, secure access, and a scalable cloud-native architecture.

Client

EV Infrastructure Firm

Industry

Manufacturing

Timeline

2024

EV Dashboard on a Laptop sceen
EV Dashboard on a Laptop sceen
EV Dashboard on a Laptop sceen

Project Overview

An EV infrastructure provider needed to overhaul their customer dashboard to support expanding user needs and technical scalability. Their previous Next.js-based platform had limitations in speed, modularity, and deployment flexibility. The goal was to rebuild the platform into a high-performance, secure, multi-tenant dashboard for fleet managers, with a fully decoupled architecture for both front-end and back-end systems.

Project Challenge

The key challenges included:

  • Replacing a tightly coupled front-end with a modern, modular React stack

  • Supporting secure, role-based access through a third-party identity provider

  • Providing clean, real-time visualizations of EV station performance

  • Ensuring scalability and reliability with GitOps workflows and cloud deployment

  • Minimizing downtime during the transition from the legacy platform

Project Approach

Smart Data delivered a full re-architecture of the platform using a dedicated front-end and API-first back-end. The team also implemented Git-based deployment workflows with CI/CD pipelines targeting AWS infrastructure.

Key Features and Highlights:

  • Frontend Rebuild: Rewritten using React, TypeScript, and MUI

  • Modular Architecture: Front-end and back-end separated into distinct codebases

  • Secure Auth: Auth0 integration with role-based access control

  • Cloud Deployment: Automated deployments to AWS via GitHub Actions

  • Visualization: Chart.js and TanStack libraries for real-time analytics

  • Testing and QA: End-to-end tests using Playwright and Vitest

  • API Gateway: Integration with a custom Java API running on AWS Lambda

Project Results

The project delivered a fast, reliable, and modern dashboard experience tailored for EV fleet operators.

Multi-tenant dashboard with flexible permissions

Multi-tenant dashboard with flexible permissions

Multi-tenant dashboard with flexible permissions

Real-time data insights and dynamic charting

Real-time data insights and dynamic charting

Real-time data insights and dynamic charting

Clean integration with AWS cloud services

Clean integration with AWS cloud services

Clean integration with AWS cloud services

Reduced manual deployments through CI/CD automation

Reduced manual deployments through CI/CD automation

Reduced manual deployments through CI/CD automation

Strong security posture through external authentication and access controls

Strong security posture through external authentication and access controls

Strong security posture through external authentication and access controls

Key Technologies

Technologies used included React with TypeScript, MUI, TanStack Query and Table, AWS Lambda, Java, Auth0, GitHub Actions, Vitest, and Playwright for testing.

Our Work

Related Work