pro
Mustafa Rbiah
Frontend Engineer | React • Next.js • Tailwind CSS
- 5.00
- Rating
- 11
- Followers
Wandr Jewelry: E-Commerce Engine with Stripe
0
0
FoodLover: High-Performance Digital Menu Platform
1
0
WE TRANSFORM AND INTRODUCE OUR AUTOMATED ECOSYSTEM TO REAL LUXURY REAL ESTATE
AGENCIES.
Yes! You read it right. We are confident in the product, and we are bringing
high-end Moroccan rentals into the future.
Introducing - "Atlas Estate" powered with smart logic and built in @Base44. I
built a high-fidelity platform that transforms the chaotic manual booking
process into a seamless, prestigious digital experience.
🚀 PROBLEM: Luxury rentals in Morocco are often managed via chaotic
DMs. This leads to slow response times, double-booking errors, and a "Trust Gap"
that scares away VIP leads who expect a world-class experience.
🧠 IDEA: Create a "Cognitive Luxury" ecosystem. Keep the UI prestigious yet
simple, focusing on what matters: High-speed discovery, automated pricing
transparency, and secure management for owners. I wanted to bridge the gap
between Morocco’s architectural heritage and modern operational efficiency.
━━━━━━━━━━━━━━━━━━━━
😊 AUTOMATION:
Smart Booking Engine: Prevents date overlaps automatically.
Auto-Status Reversion: Properties switch back to "Available" the moment a stay ends—zero manual work.
Dynamic Pricing: Real-time calculation (Price x Nights) displayed instantly.
WhatsApp Closing: Generates structured, pre-filled orders with all client details for instant sale closing.
Real-time CMS Sync: Instant updates across the guest gallery and owner dashboard.
━━━━━━━━━━━━━━━━━━━━
🎉 ATLAS ESTATE FEATURES:
Midnight Luxury Theme: Deep charcoal and radiant gold aesthetics.
Secure Owner Portal: Token-based "Sea Login" for private portfolio management.
Advanced Smart Search: Filter by 20+ Moroccan cities, price range, and specific dates.
Immersive Media Switcher: Smoothly toggle between cinematic videos and high-res images.
Bespoke Concierge Section: Showcasing premium lifestyle services.
Glassmorphism UI: Modern, blurred-background modals and navigation.
Property Specifications: Detailed Beds/Baths/Sqft display with minimalist icons.
Pagination System: High-performance browsing for large property collections.
━━━━━━━━━━━━━━━━━━━━
🙌 BEFORE: Luxury was managed manually. Agents were lost in DMs, pricing was
inconsistent, and guests had to wait hours for availability checks. The digital
image didn't match the luxury of the villas.
💯 AFTER:
Visual Prestige: An interface that feels as expensive as the properties.
Operational Efficiency: 100% automated availability and lead management.
Instant Conversion: Guests can book their dream stay in seconds.
Zero Admin Work: The system handles the math and the scheduling.
VERSION: Mobile and Desktop (Optimized for VIP Mobile traffic). Live:
https://atlas-estate-76de7e74.base44.app
Video below: Walkthrough, Automation Demo, and The Global Glow-up. 🎥💎🇲🇦
1
131
Luxury Jewelry Store | Integrated Stripe & WhatsApp Checkout
A high-end e-commerce engine built to maximize sales through trust and automation.
Why this store converts:
💳 Secure Card Payments: Integrated Stripe gateway for seamless, high-trust credit card transactions (MasterCard, Visa).
🟢 Direct WhatsApp Orders: A "Personal Touch" checkout that sends full cart details directly to the seller's WhatsApp for instant closing.
📊 100% Automated Inventory: No more manual entry. Every order (Paid or WhatsApp) is instantly synced to a Google Sheets database.
✨ Luxury Experience: High-fidelity "curtain" animations and a premium UI designed for high-ticket jewelry brands.
Technical Stack: React.js, Stripe API, Google Apps Script, Zustand, Framer Motion.
Live Demo: https://wandrjewelry.vercel.app/
"Stop managing DMs. Start managing sales."
1
128
FoodLover — High-Performance Digital Menu
I’m excited to showcase another project! FoodLover is a premium digital menu designed to bring a seamless, appetite-driven dining experience to the web.
Built with a Mobile-First approach, this restaurant web application ensures that customers can browse diverse food categories and customize orders easily on any device. The focus was on high-speed performance and a clean, intuitive UI to bridge the gap between physical menus and digital convenience.
The Tech Stack (Pure Performance):
Structure: HTML5 (Semantic & SEO-friendly)
Styling: CSS3 (Custom animations & Responsive layouts)
Logic: JavaScript ES6+ (DOM manipulation & dynamic rendering)
Link: https://foodloverrestaurant.vercel.app/
1
257
Dozo — Multilingual Community Platform
I’m proud to present Dozo, Tokyo’s first multilingual community platform. This project was designed to bridge the gap between locals and international residents, fostering meaningful connections through a secure and user-friendly interface.
The Tech Stack:
Architecture: Semantic HTML5 for global SEO.
Styling: Custom CSS3 for a modern, community-focused UI.
Interactivity: JavaScript ES6+ for dynamic content and multilingual support.
Link: https://mustafa-rbiah.vercel.app/
1
238
Nikage — High-Fidelity Athletic Footwear E-Commerce.
I’m thrilled to share Nikage, a conceptual e-commerce platform inspired by the Nike brand. This project was built to demonstrate my technical ability to replicate professional-grade user interfaces and manage complex frontend logic at scale.
Built entirely from scratch using React.js and Tailwind CSS V4, Nikage features a premium shopping experience with a focus on performance and state management. I used Zustand for global state handling and Vite for a lightning-fast development and build process. The interface is fully responsive, ensuring a high-fidelity experience on all devices.
The Tech Stack:
Core: React.js & Vite
Styling & Motion: Tailwind CSS V4 & Framer Motion
State Management: Zustand
Components: Embla Carousel for smooth product showcases
Link: https://nikage.vercel.app/
1
223
Web3 Design Studio - An Interactive Design Agency Showcase
I'm pleased to share Web3 Design Studio, a premium digital platform specifically designed for blockchain technology. This project focuses on a sophisticated "dark mode" aesthetic that reflects Web3's innovation.
Link: https://web3designstudio.vercel.app/
1
183
Certomocurity — Enterprise Cybersecurity Landing Page.
I’m proud to share Certomocurity, a high-end enterprise platform designed for digital security and infrastructure firms. This project focuses on a visual language that communicates trust, reliability, and high-tech protection.
Link: https://certomocurity.vercel.app/
1
180