react-recharts

react-recharts is a small Next.js-friendly package for storing program-grouped records and generating chart-ready summaries.

Install

npm install react-recharts

API

import {
  reactPageLoad,
  reactPageUpdate,
  reactPageInit,
  reactPageClient,
  reactPageSummary,
  reactPageChartData,
  reactPageTimelineData,
  reactPageDebug
} from "react-recharts";

Record Storage

• reactPageLoad(data, options?)
• reactPageUpdate(data, options?)
• reactPageInit(configOrOptions?, options?)
• reactPageClient(configOrOptions?, options?)
• reactPageReset()

Chart Helpers

• reactPageSummary(source?)
• reactPageChartData(source?)
• reactPageTimelineData(source?)
• reactPageDebug()

Quick Example

"use client";

import { reactPageLoad } from "react-recharts";

await reactPageLoad({
  email: "[email protected]",
  program: "nvtti",
  fullName: "Ali Khan",
  city: "Lahore"
});

Chart Example

import { reactPageChartData } from "react-recharts";

const chartData = reactPageChartData(documentData);

Notes

• The package uses its own isolated Firebase app instance.
• The users collection is created automatically on first successful write.
• Full API details live in documentation.md.