WEB DEV PROJECT

Morrent

- A Car Rental Website

morentImage

My Role

Software Engineer

Start Date

03/07/2023

End Date

31/07/2023

Technologies used

Tech Stack

reactSVG
reactSVG
nextSVG
nextSVG
mongoSVG
mongoSVG
gitHubSVG
gitHubSVG
gitSVG
gitSVG
tailwindSVG
tailwindSVG
motionSVG
motionSVG
cssSVG
cssSVG
nodeSVG
nodeSVG

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.

photoImage

HIGH FIDELITY FIGMA DESIGN

figmaImage

Way of work

My Process

definitionImage
definitionImage

Definition

designImage
designImage

Design

planningImage
planningImage

Planning

developmentImage
developmentImage

Development

deployImage
deployImage

Deployment

Way of work

My Process

CHALLENGES

  • CHALLENGES icon
    CHALLENGES
    Gained extensive knowledge of full authentication and authorization implementation, using industry-standard security protocols with Clerk.
  • CHALLENGES icon
    CHALLENGES
    We conducted brainstorming sessions and carefully weighed our options before making decisions. Using NextJS was a new experience for some team members, leading to difficulties in implementing its features. Additionally, we faced time constraints, which added pressure to our project.
  • CHALLENGES icon
    CHALLENGES
    However, through effective collaboration, we overcame these obstacles and successfully delivered a high-quality product within the set timeline.

LEARNINGS

  • LEARNINGS icon
    LEARNINGS
    Sharpened my backend skills, specifically in optimizing database queries, enhancing performance, and managing server-side logic.
  • LEARNINGS icon
    LEARNINGS
    Gained expertise in handling files, including file uploading, storage, and retrieval. This ensured the app's data was organized, easily accessible, and secure.
  • LEARNINGS icon
    LEARNINGS
    Acquired proficiency in NextJS, implementing various features using industry-standard best practices.

Projects

Other Case Studies

jobit

Jobit

Jobit, a web app made with React and JSearch API, links developers to millions of job openings. It offers easy job search by...

portfolio

Unique Case Study Portfolio

Traditional portfolios tell you what was made. Here, you'll discover the how and why. Explore the developer process from concept to final deployment.

hipnode

Hipnode - Social Media Platform

A Social Media Platform with a very rich array of Features

Have a project in mind that requires technical expertise?