Case study

LeakSense - HubSpot API Integration with Custom Dashboard

Published Coming soon..
Website www.leaksense.io

Overview

LeakSense is a web platform designed to offer home leak detection services, providing a comprehensive solution for users to manage subscriptions, book appointments, and monitor their service status. The project integrates the HubSpot API for subscription verification, custom pop-up booking systems, and a personalized dashboard for users.

challenge
Challenge

The key challenge was creating a seamless integration between HubSpot’s subscription management system and the LeakSense dashboard, ensuring users can only access the dashboard and services after purchasing a subscription. Additionally, implementing a custom booking system with email confirmations and address management based on subscription limits required complex API and database handling.

Technologies used for this project

Frontend: HTML, CSS, JavaScript for user interface
Backend: PHP to handle API calls and database interactions
API Integrations: HubSpot API for subscription management and user authentication, Custom email-sending APIs for booking receipts and user help requests
Database: MySQL for storing user details, bookings, and subscription information

solution
Solution

1. HubSpot API Integration: By integrating the HubSpot API, users are granted access to the dashboard only after their subscription status is verified. The API fetches user data, including email and subscription details, and enters it into the database, allowing users to manage their accounts and bookings effectively.
2. Custom Pop-Up Booking System: A custom scheduling engine allows users to book appointments. After entering a valid zip code, a cookie is placed to prevent repeat pop-ups on subsequent page loads. Upon booking, users receive an email receipt, confirming their appointment details.
3. Dashboard Functionality: - Users can manage their subscriptions and add home addresses, limited by their subscription plan.
- API-driven profile and address management, allowing users to upload profile pictures and update their personal details.
- Users can monitor their subscription status via API returns and modify personal data, including changing passwords.
- A help form with email functionality was customized for user support.

Leaksense - Landing page

Leaksense - Dashboard

Scroll