← Projects
Development
Development
React
Vite
Tailwind CSS
Node.js

Overview

ProfitPath is a web-based application designed to help insurance agents calculate their premiums, commissions, and production metrics. It offers interactive features to adjust inputs such as the average annualized premium, contract level, and months of production, and it visualizes the results in easy-to-understand graphs. This application is built using React for the frontend, Vite as the build tool, and it leverages Node.js for dependency management and development scripts.

I originally created the tool using plain HTML, CSS, and JavaScript, which you can see here.

Features

  • Responsive Design: The calculator is optimized for both desktop and mobile screens.
  • Dynamic Calculation: The app calculates premiums, commissions, and other related metrics based on user input.
  • Interactive Graphs: The results are displayed in an interactive chart using Recharts.
  • Dark Mode: COMING SOON
  • Tooltips: Provides informative tooltips for each input field.
  • Mobile-Friendly: Optimized layout for small screens with CSS media queries.
View this profile on Instagram

Trevor Smith (@) • Instagram photos and videos

No items found.
View Project PDF

See my other projects...

Travel Videos

I document my travels through video, focusing on landscapes, adventure, and unique locations. From mountain hikes to coastal drone shots, I aim to capture the experience of being there.
See Project →
used cms
_cv

QR-Gen

A simple and customizable QR Code Generator built with React and Tailwind CSS, featuring dark mode support.
See Project →
used cms
_cv

Henry Schein RISE

Henry Schein RISE is an infection prevention platform built on WordPress. I designed and developed the site from the ground up, creating a dynamic platform tailored for medical professionals.
See Project →
used cms
_cv

Cyber Week Landing Page

This interactive promotional page for Cyber Week 2024 dynamically customizes content based on campaign parameters, providing users with a tailored shopping experience. Built using HTML, CSS, and JavaScript, the page integrates seamlessly with a custom script and modular design system to deliver responsive and engaging content.
See Project →
used cms
_cv

URL Generator

GA-Tagged URL Generator: Simplifies creating and validating Google Analytics-tagged URLs.
See Project →
used cms
_cv

SSB

This was an idea I created for a client looking for an Insurance Marketplace Savings Tool. I took the idea of a dollar sign and added a shield on the inside. The tool was going to be called "Shop, Save, Boom 360". They ultimately went with another design I created, but I really enjoyed the way this one turned out.
See Project →
used cms
_cv

Let's Chat

Fill out the form below and I'll get in touch with you shortly!

Thank you! Your form has been received!
Oops! Something went wrong while submitting the form