In my Masterclass Mobile project, I explore how a familiar interaction feature from dating apps could be applied to a completely different use cases. I applied it to the used car market. The core idea behind RevMatchMarket is instead of scrolling through endless lists of car listings, users swipe left to pass or right to like a car, making the browsing experience faster, more engaging, and more intuitive .

The Idea

Buying a used car can be overwhelming. Traditional marketplaces often present users with long, filter-heavy pages filled with static listings. My goal was to improve that experience. The swipe mechanic makes browsing fun.

Objectives and Learning Goals

Three main goals: technical, business, and personal learning.

Technical Objectives

To develop a mobile-web application that demonstrates:

• Swipe-based browsing
• Basic CRUD functionality for users and car listings
• Search and filtering by make, model, and price
• Simple authentication to manage user accounts
• Integration between frontend and backend systems

Although the initial plan mentioned Ionic and Angular, the project evolved into using:

• Nuxt 4 (frontend)
• NestJS (backend API)
• PostgreSQL + Prisma ORM (database)
• Cookie-based JWT authentication

This is due to my more dependable previous experience with this stack to build a full-stack monorepo.

Project Scope

MVP

• Mobile-first UI
• User registration and login
• Car listing creation and management
• Swipe-based browsing of cars
• Filtering by make, model, and price
• Favorites page
• Backend-connected database

Explicitly Excluded

• Payment processing between users
• Full production-grade infrastructure
• Chat functionality
• Location-based matching
• Analytics systems
• App Store / Play Store deployment

Key Deliverables

The final outcome of RevMatchMarket includes:

1. A working MVP
   A swipe-based used car marketplace where:
   • Sellers can create listings
   • Buyers can browse cars
   • Users can like or pass listings
   • Favorites are stored and retrievable
2. Documentation
   • Detailed project and milestone planning
   • This blog post summarizing the process and learnings
3. Final Presentation
   • Live demo of the application
   • Reflection on challenges
   • Discussion of future improvements

Challenges and Lessons Learned

Creating a UI for mobile devices required careful consideration. Authentication and protecting routes was required a few iterations. Managing JWT tokens via httpOnly cookies and handling session bootstrapping on the frontend. Features need to be limited. It is tempting to add chat, real-time updates, and other features but keeping the MVP focused was essential.

Final Thoughts

RevMatchMarket redefines a simple interaction pattern. This project, I strengthened my skills in full-stack development, mobile-first UI design, backend integration, and structured project planning.

This project started as an assignment but it has the can become much more.