AI Prompts – Value Affirmation Tool

Grocery Savings Calculator

Discover how much you can save by reducing your grocery trips! By completing this form, you will learn:

  • Your personalized weekly savings.
  • Your monthly and annual savings estimates.
  • A detailed breakdown of how these savings are calculated.
  • A summary of your input values and the final calculated results.

Fill in your information below and see the potential financial benefits of consolidating your trips.

Results

Weekly Savings: $0.00
Monthly Savings: $0.00
Annual Savings: $0.00


Savings Breakdown

Extra Trips Calculation:
Current trips per week: 0
Reduced to one trip per week means you avoid 0 extra trips.

Cost per Trip:
Each extra trip costs an additional $0.00.

Weekly Savings:
Savings per week = 0 extra trips × $0.00 = $0.00.

Monthly & Annual Savings:
Monthly savings are estimated by multiplying the weekly savings by 4, and annual savings by multiplying by 52.


Submission Output Information

Input Values:
Average Extra Cost per Trip: $0.00
Number of Trips per Week (current scenario): 0

Calculated Savings:
Extra Trips Avoided: 0
Weekly Savings: $0.00
Monthly Savings: $0.00
Annual Savings: $0.00

Example Prompt

Below is a list of sequential prompt ideas that, when used together, would guide an AI (or developer) to generate the final output code you just played with:

  1. Initial Calculator Creation:
    "Create an HTML/JavaScript savings calculator that calculates weekly, monthly, and annual savings based on two inputs: the average extra cost per grocery trip and the number of trips per week (assuming that shopping every other day equals four trips per week). Include basic validation for the inputs."
  2. Detailed Breakdown Addition:
    "Extend the calculator so that, upon submission, it outputs a detailed breakdown of the calculation. The breakdown should explain how many extra trips are avoided, how the cost per trip affects the total savings, and show the step-by-step math behind weekly, monthly, and annual savings."
  3. Submission Summary Section:
    "Add a section to the calculator that summarizes all the submission information. This summary should list the user’s input values and the final calculated savings, encouraging user engagement by showing what information they’ll receive."
  4. Bootstrap 5 Layout Implementation:
    "Update the design using Bootstrap 5 so that the form is displayed in a left-side column and the output (with placeholder values) is shown in a right-side column. The output should include the calculated results, detailed breakdown, and submission summary."
  5. Global Scope Function Correction:
    "Modify the JavaScript so that the calculation function is attached to the global scope (for example, via window.calculateSavings) to ensure that an inline onclick handler can access it without errors."

Go Deeper With Enhancements

Health Value

Add personalized shopping suggestions by leveraging a Health & Fitness API like Apple HealthKit or Google Fit with a blend of common grocery inputs and logic. Suggest better choices to improve known health data points like high blood pressure.

Time Value

Add a Foot Traffic data API like BestTime.app to enhance the experience. Provide personalized suggestions or time-of-day inputs and logic. Improve the daily savings with suggestions on when to go to maximize shopping efficiency.

Safety Value

Add Traffic (mobility & point of interest) data with an API like dataplor to offer personalized travel-time suggestions, like safest day(s) & time-windows to travel to the store, based on the user's location and typical route.


Understanding your users, their goals, and their needs is the spark that transforms a simple tool into an engaging, impactful solution.

Have ideas & suggestions? I'd love to hear them.