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:

• authentication with protected routes
• creation and management of car listings
• swipe-based browsing
• favorites management
• filtering by make, model, and price
• frontend-backend integration in a structured monorepo
• database-backed persistence for users, listings, images, and swipe decisions

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

• Nuxt 4 for the frontend
• NestJS for the backend API
• PostgreSQL + Prisma ORM for persistence
• Cookie-based JWT authentication for session handling
• Docker for local database infrastructure

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

What the Current MVP Includes

• user registration and login
• cookie-based authenticated sessions
• protected pages for logged-in users
• a swipe feed for browsing available cars
• like and pass actions
• a favorites page for liked cars
• a “My Cars” area for sellers
• car listing creation
• car listing editing
• car listing removal through soft delete
• car detail pages
• optional image upload for listings
• simple client-side filters for make, model, and maximum price

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, Edit, Delete listings
   • Listings have images
   • Buyers can browse cars
   • Users can like or pass listings
   • Users can apply filters to listings
   • Favorites are stored and retrievable
   • Full authentication
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.

Diagrams – Database & Flow Chart

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.