VW Creative Banner Project

Welcome to the Fuel Savings Calculator project for the Volkswagen GTE Series. This tool was developed as part of a promotional campaign to provide users with an estimation of their potential fuel savings over a three-year period by choosing the VW GTE Series.

Live Demo

Preview: https://vw-creative-banner.netlify.app/

Preview

📌 Overview

With increasing fuel prices and the urge to adopt more sustainable means of transportation, Volkswagen aims to assist potential customers in making informed decisions. The Fuel Savings Calculator leverages geolocation-based APIs to fetch current fuel prices and, combined with the average consumption for GTE series, presents a calculated 3-year total fuel savings.

✨ Features

Geolocation-based Fuel Pricing: Fetches real-time fuel prices based on the user's current location.
User-friendly Interface: Sleek banner with intuitive buttons for easy interaction.
Engaging Campaign: Rich content promoting the benefits of the GTE Series.

🚀 Usage

🌍 Visit the Fuel Savings Calculator web page.
📏 Choose your estimated range per year (options available: 5.000 km, 10.000 km, or 20.000 km).
💶 View your estimated 3-year total fuel savings in Euros.

🎉 Campaign Details

The "Harness the Power of GTE!" campaign encourages vehicle enthusiasts to:

Tax Benefits: Claim a 15% tax advantage.
Fuel Efficiency: Understand the GTE series' average consumption of 1.6 l/100km.

⚖️ License

This project is licensed under the MIT License.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Build, Compile and Minify for Production

npm run build

Run End-to-End Tests with Jest

npm run test

Pirci/vw-creative-banner