A React-based internal analytics dashboard that visualizes sales form submission data using Hubspot and tracks contact navigation pathways through the Nutrient website.
The Pathway application includes scripts that collect HubSpot sales form submissions from contacts and track each contact’s navigation pathway through the Nutrient website leading up to the form submission. Currently, these script pulls are used for proof-of-concept (POC) purposes. In a live deployment, the application would instead integrate with a real-time API pull to continuously capture and update the data. The resulting dataset powers a comprehensive dashboard, providing visibility into both the HubSpot form results and the web pathways taken by contacts.
- Journey Visualization: Interactive flow charts showing user pathways to form submissions
- Analytics Dashboard: Comprehensive view of HubSpot form results and web navigation patterns
- AI-Powered Insights: Automated strategy generation and trend analysis
- Responsive Design: Built with React, Vite, and Tailwind CSS with Radix UI components
- Node.js (version 18 or higher)
- npm
# Install dependencies
npm install
# Start development server
npm run devThe application will be available at http://localhost:<port>
npm run build- Frontend: React 18, TypeScript, Vite
- UI Components: Radix UI, Tailwind CSS
- Charts: Recharts
- Data Source: HubSpot API integration (currently mock data for POC)
Currently in proof-of-concept phase using mock data. Production deployment would integrate with real-time HubSpot API pulls for live data updates.
