nokker 5d86958186 Major UI/UX improvements: Remove step indicators and enhance mobile experience
- Remove progress step indicators (Fill Essential Info, Select Car, Calculate Impact)
- Clean up interface by removing STEP badges from sections
- Improve mobile responsive design with better touch targets
- Fix JavaScript errors with safer element selectors
- Create collapsible Advanced Options and Calculated Parameters sections
- Position both sections above calculate button in responsive side-by-side layout
- Remove gear icon from Calculated Parameters for cleaner design
- Add mobile-first CSS with proper breakpoints and touch improvements
- Enhance form validation and field monitoring without visual step clutter
- Preserve tax-old.html as backup of previous tabbed interface
- Maintain all calculation functionality while streamlining user flow

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-02 23:11:23 +02:00

Belgium Company Car Tax Calculator

A comprehensive tax calculator to analyze the pension impact of company cars in Belgium.

Features

  • Streamlined Interface: Single-page layout with required fields first
  • Vehicle Database: 1,326+ vehicles from 35 brands (2020-2025)
  • Advanced Search: Search with filters for year, fuel type, and price range
  • Pension Impact Analysis: Calculate how company cars affect your retirement pension
  • Multi-language Support: English, French, and Dutch
  • Comprehensive Options: Advanced parameters for detailed calculations

Quick Start

Docker Deployment

docker compose up -d

The application will be available at http://localhost:3005

Development

The application consists of:

  • tax.html - Main application file
  • vehicle-database.js - Vehicle data (35 brands, 1,326 variants)
  • vehicle-search.js - Search and autocomplete functionality
  • docker-compose.yml - Docker configuration
  • Dockerfile - Container build instructions

How It Works

  1. Fill Required Information: Salary, age, retirement details
  2. Select Vehicles: Use the integrated search to find and add company cars
  3. Calculate Impact: Get detailed pension loss analysis
  4. Advanced Options: Fine-tune calculation parameters

Vehicle Database

  • 35 Brands: BMW, Mercedes, Audi, VW, Tesla, Toyota, and more
  • 1,326 Variants: Complete model variations with pricing and specifications
  • 2020-2025 Model Years: Up-to-date vehicle information
  • Complete Data: Price, CO2 emissions, fuel type, power ratings

Technology Stack

  • Frontend: Vanilla JavaScript, HTML5, CSS3
  • Search: Custom fuzzy search with filtering
  • Data: Static JSON database for fast performance
  • Deployment: Docker with Nginx
  • Languages: Multi-language internationalization

License

Private project for tax calculation purposes.

Generated With

🤖 Generated with Claude Code

Co-Authored-By: Claude noreply@anthropic.com

Description
Belgium Company Car Tax Calculator - Pension impact analysis with 1,326+ vehicles
Readme 208 KiB
Languages
JavaScript 75.5%
HTML 24.4%
Dockerfile 0.1%