VIN Checker - Vehicle Information Decoder
Full-stack Web Developer - Personal Project. Built a VIN decoding platform with a Next.js 15 TypeScript frontend and a FastAPI Python backend. Developed a responsive web app with real-time 17-character VIN validation, instant decode results, and a modern gradient UI optimized for desktop and mobile. Built the API with manufacturer-specific detail extractors and checksum verification, returning structured basic info (country, manufacturer, region, years) and detailed specs (model, engine, transmission, body, plant) for brands including Renault, Nissan, Opel, and AvtoVAZ. Connected the frontend to the REST API via Axios with robust error handling, and deployed the client to Vercel for public access at vin-infos.vercel.app.
Project Details
Detailed information about the project.
- Project Goals
- To provide a fast, accessible tool for decoding Vehicle Identification Numbers and surfacing manufacturer, model, and specification details for car buyers, dealerships, and automotive enthusiasts.
- Challenges Faced
- Challenges included parsing VIN structure across multiple manufacturer formats, exposing both basic WMI metadata and brand-specific detail extractors through a clean API, validating 17-character input and checksum integrity on the backend, and presenting dense vehicle data in a clear responsive UI.
- Solutions Implemented
- Delivered a split frontend/backend architecture with a FastAPI service exposing GET /vin/{vin} and checksum endpoints, a reusable Python vininfo library with extensible brand extractors, and a Next.js 15 client with real-time validation, Axios integration, and Vercel deployment for instant public VIN lookups.
- Technologies Used
- Next.js 15, React 19, TypeScript, Tailwind CSS, FastAPI, Python, Axios
- Date
- June 2025
Project Screenshots
A visual overview of the project.
