Web Dev Project

Morent - A Car Rental Website

laptop
phone

My Role

Full-Stack Developer

Start Date

08-08-2023

End Date

09-03-2023

Technologies Used

Tech Stack

JavaScript
TypeScript
React
Nextjs
Tailwind
CSS
Material UI
MongoDB
Clerk
Git
GitHub

Morent, a cutting-edge car rental application that was developed using the MERN stack. The app boasts a dynamic homepage that showcases featured vehicles, along with convenient pickup & drop-off location options & a comprehensive list of available cars.

My team and I also developed the car listing page which offers a search bar and various filtering options for users to find the perfect vehicle. Additionally, it has a car details page which provides users with detailed information along with suggestions for other recommended vehicles.

Car owners are also able to list their cars for rent through our Add Car page, while users can easily track their rented and rented-out cars through their profile page. Overall, we've created an intuitive and user-friendly MVP version of the platform that will make renting a car a breeze.

Problem

Problem Statement

One of the main problems that people face when looking to rent a car is the hassle of finding a reliable and user-friendly platform to search for and book rental cars. In addition, car owners who want to rent out their vehicles often struggle to find a suitable platform to list their cars and manage their rentals.

Problem Statement Image

High-Fidelity Figma Design

figma

Way of work

My Process

Definition

Definition

Design

Design

Planning

Planning

Development

Development

Deployment

Deployment

Problem

Challenges & Learnings

Challenges

challenge

Gained extensive knowledge of full authentication and authorization implementation, including the use of industry-standard security protocols such as JSON Web Tokens.

challenge

We conducted brainstorming and carefully weighed our options before making a decision. Furthermore, using NextJS was a new experience for us, and we encountered difficulties while implementing its features. Finally, we had to work under time constraints, which added pressure to the project.

Learnings

check

Sharpened my backend skills, specifically in optimizing database queries, improving performance, and handling server-side logic.

check

Learned how to properly handle files, including file upload, storage, and retrieval, ensuring that the app's data is organized & easily accessible while keeping it secure.

Projects

Other Case Studies

figma

Morent

Morent, a cutting-edge car rental application that was developed using the MERN stack

figma

Jobit

Jobit, a web app made with React and JSearch API, links developers to millions of job openings.

Have a project in mind that requires technical expertise?

    © 2023 Jay. All rights reserved