CakRent

Project Overview

Project Name: CakRent - Car Rental App

Role: Frontend Developer

Technology Stack: React, Next.js 13, TypeScript, Tailwind CSS

Project Description

CakRent is a dynamic car rental application designed to simplify the process of renting a car. The app provides users with a seamless experience to search for cars, apply filters, view prices, and access detailed information about each available vehicle. It leverages external APIs, including the Car API by API Ninja for car data and the Car Image API from Imagin Studio for images.

Responsibilities

As a Frontend Developer on the CakRent project, I played a key role in building and enhancing the user interface and experience. My responsibilities included:

• Collaborating with the development team to plan and implement frontend features and improvements.
• Designing and implementing the user interface using React, Next.js, TypeScript, and Tailwind CSS.
• Integrating external APIs, specifically the Car API by API Ninja and the Car Image API from Imagin Studio, to fetch car data and images.
• Implementing search and filter functionalities to allow users to find cars based on their preferences.
• Displaying rental prices prominently to assist users in making informed decisions.
• Creating a user-friendly car details page with specifications, images, and other relevant information.
• Ensuring responsive design for a seamless experience across different devices and screen sizes.

Achievements

During my involvement in the CakRent project, we achieved the following milestones:

• Developed a modern, user-friendly interface that significantly improved the user experience.
• Successfully integrated external APIs to provide up-to-date car data and images.
• Implemented robust search and filter features, making it easy for users to find their desired cars.
• Received positive feedback from users for the clarity of price information and the comprehensiveness of car details.
• Ensured cross-browser and cross-device compatibility for a wide user base.

Technologies Used

• React: Used to build the frontend of the application, providing a modular and component-based architecture.
• Next.js 13: Leveraged for server-side rendering and routing, enhancing performance and SEO.
• TypeScript: Ensured type safety and improved code quality.
• Tailwind CSS: Utilized for efficient and responsive styling.

Project Outcome

CakRent is now a fully functional car rental platform that empowers users to browse, compare, and rent cars with ease. Its modern and intuitive design, along with seamless API integration, has made it a standout choice for individuals seeking hassle-free car rental experiences.

Conclusion

Working on the CakRent project as a Frontend Developer has been an enriching experience. It allowed me to contribute to the development of a practical and user-centric application while honing my skills in React, Next.js, TypeScript, and Tailwind CSS. The positive feedback from users underscores the success of the project, and I am proud to have been a part of it.