Miguel
Main image

Car Showcase

Car Showcase is a website that showcases a variety of cars. It features cars from different manufacturers, models, and years. The website is built with React, Next.js, TypeScript, and Tailwind. This project was built follwing a tutorial.

Screenshot of the Next.js Dashboard

Implementing React and Next.js laid the groundwork for a dynamic and responsive user interface. Leveraging Typescript added a layer of robustness to the codebase, ensuring a seamless development process and minimizing potential errors. Tailwind CSS brought a touch of aesthetic finesse, allowing for a visually stunning presentation of the automotive world.

Connecting to the Rapid API was a crucial aspect of Car Showcase. This integration allowed for real-time updates, ensuring that the website stays current with the ever-evolving automotive landscape. Fetching data on cars and images from the API created a dynamic platform that keeps users informed about the latest models and specifications.

Creating an intuitive and user-friendly interface was at the forefront of the project. The implementation of filter options empowers users to customize their search based on specific criteria, providing a tailored experience for each visitor. This user-centric approach enhances the overall accessibility and engagement of the website.

The inclusion of a fictional rental price calculator adds a unique dimension to Car Showcase. By dynamically calculating rental prices based on the parameters of each car, users get a glimpse into the potential cost of driving their dream vehicle. This innovative feature not only enhances the user experience but also sets Car Showcase apart in the competitive world of automotive websites.

Screenshot of the Next.js Dashboard

In conclusion, Car Showcase is not just a portfolio project; it's a testament to my dedication to innovation and excellence in web development. I am proud of what I've accomplished, and I look forward to applying the skills and insights gained from this project to future endeavors.

Features

  • Car listing
  • Filter
  • API connection
  • Dynamic rental price
Github Link