CarMania

Introduction

CarMania is a modern Car Rental Application. The website has a sleek design and a blazing fast response time thanks to Next.js' server-side rendering. Users can search/filter thousands of real cars and their details which they want to book. A backend for the booking process is in progress.

I created this project as a means to refresh my knowledge on Next.js, its new App Server and TypeScript.

Learnings

While developing this application, I gained proficiency in the following areas:

• Utilizing Next.js 14 App Router and implementing Server Side Rendering
• Incorporating Advanced Search Functionality
• Establishing Filtering Capabilities
• Enhancing Metadata and SEO for optimization
• Developing custom filter, combobox, and modal elements
• Ensuring a well-organized file and folder structure
• Adhering to the principles of writing clean code.
  

Technologies Used

• next : Gained expertise in using Next.js, a powerful React-based framework, allowing for server-side rendering and the generation of static websites, thereby optimizing performance.
• typescript : Improved frontend development skills through TypeScript, leveraging static typing to catch errors early in the development process and enhancing code robustness.
• tailwindcss : Developed proficiency in Tailwind CSS, a utility-first CSS framework, streamlining the styling process and promoting a consistent and maintainable design system.