Project Description

This app allows you to enter a VIN number and lookup the vehicle's information using the NHTSA's vPIC API.

It is built with Vue 3 using Vite, TypeScript, Pinia, Vuetify and Vitest.

Although a big fan of SASS, I decided to leverage Vuetify as much as possible and use only their utility classes and helpers.

Working Demo

https://vin-lookup-one.vercel.app

Test VIN numbers:

3AKJHHDR3KSKX6689
3AKJHHDR1KSKX6688
3AKJHHDRXKSKX6687
3AKJHHDR8KSKX6686
1JJV532D7KL148311
1JJV532D9KL147936
1JJV532D2KL148295
3H3V532C0LR431008

Running Project Locally

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint