VIN Decoder

Decode — enter a VIN and read the filled vehicle fields. Recent keeps the last 3 in cache (localStorage).

Variables — NHTSA field catalog. Open a row for that field’s description.

Overview

• src/main.tsx — boots React and the router
• src/App.tsx — page routes
• src/pages/HomePage.tsx — decode form, history, results
• src/pages/VariablesPage.tsx — field list
• src/pages/VariableDetailPage.tsx — one field’s detail
• src/api/nhtsa.ts — NHTSA calls and success / warning / error

Folders

• src/components — shared UI (layout, VIN form, history, results)
• src/types — VIN decode and NHTSA data shapes
• src/utils — VIN validation, localStorage history, HTML sanitize
• src/hooks — cached NHTSA variable list
• src/styles — theme CSS and shared class names

How to Run

Clone the repo, open directory in vscode/any other code redactor and run:

npm install
npm run dev

---

Node.JS should be pre-installed