My Role
Software Engineer
Start date
03/01/2023
End Date
04/01/2023
Technologies used
Tech Stack
Morent, a cutting-edge car rental application that was developed using the Next.js. The app boasts a dynamic homepage that showcases featured vehicles, along with convenient pickup & drop-off location options & a list of available cars.
Morent is a modern Car renting application that was developed using Next 13, Typescript and styled with Tailwind CSS. The Morent application is to have a Homepage: consisting of a banner and highlighted cars to rent, an All Cars page: which displays a list of vehicles, an Add Car page: Add car details (images, title, brand etc.) and a User page: which displays a list of cars rented by the user and cars put to rent by the user.
Problem
Problem Statement
During the course of the project, I encountered several challenges that tested my problem-solving abilities. One of the initial hurdles was grappling with the structure of Next.js 13 and the organization of the app folder. As the App folder was still in the Beta phase, I faced limitations in implementing authentication using NextAuth since it was not yet supported with the App folder. Overcoming this obstacle required me to explore alternative solutions and adapt my approach to ensure the seamless functioning of the application despite the limitations posed by the current version of Next.js. Despite these setbacks, I remained resilient and resourceful, finding workarounds and leveraging available resources to deliver a successful outcome.
Way of work
My Process
Definition
Design
Planning
Development
Deployment
Problem
Challenges & Learnings
Challenges
Adapted to Next.js 13's evolving structure and app folder organization, addressing initial hurdles in project development.
Demonstrated problem-solving skills by navigating authentication limitations with NextAuth, creatively seeking alternative solutions for a smooth application experience.
Maintained resilience and resourcefulness in overcoming setbacks, effectively leveraging available resources to achieve project success despite challenges posed by the current version of Next.js.
Learnings
Emphasis on Fundamental Understanding: The project focused on developing a strong grasp of the fundamental concepts related to the technologies involved, prioritizing a deep understanding of the core principles underlying each technology.
Proficiency in Documentation: A key component of the learning process was the mastery of reading and comprehending documentation, which played a pivotal role in gaining insight into the technologies and resolving challenges effectively.
Effective Problem-Solving: The ability to employ effective problem-solving techniques was instrumental in troubleshooting and overcoming challenges encountered during the project. This proactive approach facilitated the resolution of issues, contributing to successful project outcomes.
Skill Enhancement and Confidence Building: The project experience not only improved technical skills but also boosted confidence in addressing future challenges as a developer. It provided valuable hands-on experience and a foundation for tackling future endeavors with greater assurance and competence.
