Explore Cars App

Explore Cars is a Next.js application that serves as a playground for practicing and improving various web development skills and best practices.

Features

Semantic HTML: The app utilizes semantic HTML tags for better accessibility and SEO.
CSS Naming Convention (BEM): I follow the Block, Element, Modifier (BEM) naming convention to maintain clean and maintainable CSS.
Headless UI Integration: I've integrated UI components designed to work seamlessly with Tailwind CSS.
RapidAPI Integration: I fetch car data using the RapidAPI platform's API.
Reusable Components: The app includes custom buttons and filters as reusable components to enhance code modularity.
TypeScript: TypeScript is used throughout the application for static typing and improved code reliability.
Server-Side Rendering (SSR): Certain pages utilize SSR for better performance and SEO optimization.
Advanced Queries: I use advanced queries to fetch and display car data efficiently.
"Show More" Button: Instead of traditional pagination, I use a "Show More" button to progressively load more car listings, providing a seamless user experience.

Visit the app at https://explore-cars.vercel.app/ to explore various car listings with advanced filtering and pagination.

Name		Name	Last commit message	Last commit date
Latest commit History 13 Commits
app		app
components		components
constants		constants
public		public
types		types
utils		utils
.gitignore		.gitignore
README.md		README.md
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json