A modern car showcase web app built with Next.js, Tailwind CSS, and TypeScript.
Users can browse, filter, and wishlist cars with a sleek dark UI.
- 🌑 Dark Theme Toggle
- 🔍 Filter by brand and fuel type
- 💰 Sort by price (low to high / high to low)
- ❤️ Wishlist support
- 📱 Responsive & mobile-friendly UI
- ⚡ Fast & modern design with neon-green glow
- 🎨 Built with clean UI using
shadcn/ui&TailwindCSS
✨ Live Demo: https://car-bazaar.vercel.app
- Framework: Next.js
- Styling: Tailwind CSS
- Components: shadcn/ui
- Icons: FontAwesome
- Animations: Tailwind transitions
- State Management: useState (React hooks)
// Filtering logic (simplified)
if (brand) cars = cars.filter(car => car.brand.includes(brand));
if (fuel) cars = cars.filter(car => car.fuel === fuel);
if (sort === "asc") cars.sort((a, b) => a.price - b.price);
if (sort === "desc") cars.sort((a, b) => b.price - a.price);