Tekmium.

Monde Forain.

Monde Forain.

Monde Forain.

Monde Forain.

Go back

A full-featured classified ads marketplace for the French market with real-time messaging and subscription monetization.

Monde Forain

Overview

Built a comprehensive online marketplace platform for the French market, enabling users to buy and sell across diverse categories — vehicles, caravans, camping gear, jobs, goods, and professional equipment. The platform features a complete user journey from registration with OTP verification, through listing creation and discovery, to real-time buyer-seller communication and tiered subscription plans with integrated payment processing.

My Role

Full-stack Developer — Responsible for the entire frontend, real-time messaging system, subscription/payment flow, and API integration.

Key Features

  • Rich Classified Listings: Product cards with image galleries, seller profiles, category-based navigation, favorites, and boosted listing capabilities for increased visibility.
  • Real-time Messaging: A built-in chat system allowing buyers and sellers to communicate directly within the platform, with conversation history and search functionality.
  • Tiered Subscription System: Five membership plans (Basic to Pro) with a multi-step registration flow — Sign Up, OTP Verification, Information, Package Selection, and Payment — supporting both monthly and annual billing.
  • Integrated Payment Processing: Secure checkout with credit card and PayPal support, tax calculation, and promotional deductions (e.g., 3-month free trial for new users).
  • Multi-language Support: Full English and French localization to serve the target French-speaking market.

Tech Stack

Next.js, TypeScript, TailwindCSS, WebSocket, PostgreSQL, PayPal Integration

Challenge & Solution

Building a real-time messaging system that scales across thousands of concurrent buyer-seller conversations required careful architecture. I used WebSocket with Supabase Realtime to handle message delivery and presence indicators, while implementing conversation-level pagination to keep the UI responsive even for users with extensive chat histories.

Screenshots

2.webp

3.webp4.webp5.webp6.webp7.webp8.webp9.webp10.webp

Related.

Related.

Related.

Related.