Layan

Web Dev
Full Stack
UI/UX
Layan app screenshot by Atta ur Rehman, full stack and AI software engineer
Layan by Atta ur Rehman

Tech Stack

Next.js
Nest.js
MongoDB
Stripe
React
Typescript

Description

Layan is a comprehensive beauty and grooming marketplace I developed to connect customers with barbers, salons, and makeup artists. The platform currently serves 300+ service providers and 2,000+ active customers, enabling seamless service discovery, booking, and payment processing.

I built the application using Next.js with server-side rendering for optimal SEO and performance, and NestJS for the backend API, ensuring fast response times and a responsive user experience. The platform includes a sophisticated approval workflow system where service providers must submit portfolios, certifications, and business documents for verification, maintaining high service quality and building customer trust.

Stripe integration provides secure payment processing handling $30K+ monthly transactions, including service bookings, deposits, tips, and refunds. The system supports multiple payment methods, automated invoicing, and commission management. MongoDB stores all service listings, provider profiles, customer data, booking history, reviews, and transaction records with optimized queries for fast search and filtering.

Key features include advanced search with location-based filtering, service provider profiles with portfolios and reviews, real-time availability calendar, appointment scheduling with automated reminders, team management for salons with multiple staff members, rating and review system, loyalty program integration, and comprehensive admin dashboard for platform management and analytics.

  • Built comprehensive marketplace serving 300+ service providers and 2,000+ active customers.
  • Developed approval workflow system ensuring service quality with 95% provider verification rate.
  • Integrated Stripe payment processing handling $30K+ monthly transactions with automated commission management.
  • Created advanced search system with location-based filtering and real-time availability checking.
  • Built team management system for salons enabling multi-staff scheduling and commission tracking.
  • Implemented rating and review system improving customer trust and provider accountability.
  • Developed Next.js frontend with server-side rendering achieving 95+ Lighthouse performance scores.
  • Created comprehensive admin dashboard with analytics, revenue tracking, and platform insights.

Product screenshots

Beauty Marketplace

Book local beauty and wellness services with search, live bookings, and app download.

Layan Beauty Marketplace screenshot 1 by Atta ur Rehman — AI, React, Next.js, and React Native project
Layan — Beauty Marketplace
Layan Beauty Marketplace screenshot 2 by Atta ur Rehman — AI, React, Next.js, and React Native project
Layan — Beauty Marketplace

Brand

Layan brand identity for the salon, barber, and makeup marketplace.

Layan Brand screenshot 1 by Atta ur Rehman — AI, React, Next.js, and React Native project
Layan — Brand