Client analytics portal and add-on services marketplace for Grow Advantage.
Grow Advantage Store consolidates reporting from GA4, Meta, Instagram, and ActiveCampaign into a single dashboard with monthly business review snapshots. It also includes an add-on services marketplace for clients to browse and purchase additional services. Access is multi-client via URL parameters and requires an account.
- Monthly snapshot editor with 11 review sections (wins, priorities, feedback scores, process improvements)
- GA4 integration with traffic, sessions, engagement, device breakdown, and top pages
- Meta and Instagram analytics covering 43+ metrics across posts, reels, and stories
- ActiveCampaign email performance metrics
- Multi-client support via URL parameters
- Add-on services marketplace driven by database content
- Admin interface for client and snapshot management
- Bulk snapshot creation
- OAuth flows for GA4 and Meta API connections
| Technology | Purpose |
|---|---|
| React 18 + TypeScript | Frontend UI |
| Vite | Build tooling |
| Supabase (PostgreSQL + Auth) | Database and authentication |
| TanStack Query | Server state management |
| React Hook Form + Zod | Form handling and validation |
| Recharts | Analytics data visualization |
| Google Auth Library | GA4 OAuth integration |
| Framer Motion | UI animations |
| Vercel | Hosting and serverless functions |
- Node.js 18+
- npm
git clone https://github.com/heymervin/grow-advantage-store.git
cd grow-advantage-store
cp .env.example .env.local
npm install
npm run dev| Variable | Description |
|---|---|
VITE_SUPABASE_URL |
Supabase project URL |
VITE_SUPABASE_ANON_KEY |
Supabase anonymous key |
VITE_METRICOOL_API_TOKEN |
Metricool API token for social analytics |
VITE_METRICOOL_USER_ID |
Metricool user ID |
src/
├── pages/ # 15 route-level page components
├── components/ # Feature components and shadcn/ui primitives
├── types/ # TypeScript type definitions
├── hooks/ # Custom React hooks
├── lib/ # Utilities and API clients
└── data/ # Static data and marketplace content
api/ # Serverless functions (GA4, Meta, ActiveCampaign, Dataslayer proxy)