Car Dealer App

Notes

• generateStaticParams is set up to generate only first 50 result pages. That is because of rate-limit from API
• Husky / lint-staged for automatic linting and prettifying code before commit
• Use tailwind-merge for merging Tailwind classes
• App folder only for routing purposes
• Structure of component's folder is the following:

- ComponentFolder
  - Component.tsx (main file of the component)
  - Component.types.ts (types used in the component)
  - Component.helpers.ts (functions (helpers) used in the component)
  - Component.const.ts (constants used in the component)

Requirements

• Node v20.17.0
• Editorconfig (development only)
• Tailwind CSS IntelliSense (development only, if you use VSCode)
• React snippets plugin for IDE (development only)

Development

npm ci

npm run dev

Open http://localhost:3000 with your browser to see the result.

Production

npm run build

npm start

Deployment

Used Github Actions and Vercel.
Link - https://car-dealer-app-amber.vercel.app/

UI

Figma template