CarMania
Next.jsTypeScriptReact
Monday, December 25, 2023

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.