Back to Projects
Analytics B2B

Tootsweet Dashboard

A powerful analytical tool for business owners to visualize customer engagement and service metrics. It aggregates data from various consumer touchpoints to provide actionable insights.

React Native TypeScript HapiJS MongoDB

Problem

Business owners had access to raw data but no way to visualize trends or make informed decisions about service optimization in real-time.

Solution

Developed a cross-platform mobile dashboard using React Native charts. The HapiJS backend aggregates and caches complex analytical queries, allowing for near-instant loading of daily/weekly/monthly reports.

# System Architecture

Monolithic modular API using HapiJS for stability. Data aggregation pipelines run on MongoDB replicas to avoid locking the main database during heavy read operations.

Key Features

  • Interactive Data Visualization
  • Customizable Date Ranges
  • PDF Report Export
  • Push Alerts for KPIs
  • Role-based Access Control
UI
Monolith
Auth
Core
Data
Jobs
DB
Figure 1.0: Tootsweet Dashboard High-Level Architecture

# User Flow & Journey

Login

Step 01

Secure authentication.

Dashboard

Step 02

Overview of critical KPIs loaded from cache.

Drill-down

Step 03

User selects specific date range; API executes aggregation pipeline.

Export

Step 04

Report generation job scheduled.

Flow Analysis

Data consumption flow.

Discuss this Project
← Back to Projects Contact Me →