MO'BLONC Beauty ( E-Commerce B2C )
Developing a complete e-commerce site with integrated payments, shipping, and reseller.
Tech Stack :

MO'BLONC β Modern Beauty E-Commerce Platform
Domain: mobloncbeauty.com
Stack: Laravel Blade, Tailwind CSS, Alpine.js
Payments: Midtrans
Shipping: RajaOngkir
Integrations: TikTok Shop, Shopee Seller, Instagram & TikTok API
Model: B2C / B2B (Single Seller)
Stack: Laravel Blade, Tailwind CSS, Alpine.js
Payments: Midtrans
Shipping: RajaOngkir
Integrations: TikTok Shop, Shopee Seller, Instagram & TikTok API
Model: B2C / B2B (Single Seller)
β¨ Project Overview
MO'BLONC is a modern, fully responsive beauty e-commerce platform that I developed as part of my professional portfolio. The project combines solid backend architecture with an elegant, flexible frontend to deliver a seamless online shopping experience for beauty products.
MO'BLONC is designed for both direct-to-consumer (B2C) and reseller (B2B) sales, with integrated tools for payment, shipping, stock management, and social media connectivity.
βοΈ Tech & Features
π οΈ Built With Modern Web Tools
I built MO'BLONC using:
- Laravel Blade for a secure and maintainable backend and templating.
- Tailwind CSS for clean, utility-first styling.
- Alpine.js for lightweight frontend interactivity.
- Midtrans for payment processing.
- RajaOngkir for dynamic shipping cost calculations.
π Core E-Commerce Functionality
- Secure product browsing, checkout, and order processing.
- Real-time shipping cost calculation.
- Integrated reseller system β resellers can register and are displayed on an interactive map so customers can easily find local stockists.
- Inventory syncing with TikTok Shop and Shopee Seller to keep stock updated across channels.
π Content-Driven Engagement
The site includes a beauty blog section to help build organic traffic and engage customers with tips, trends, and skincare knowledge.
π² Social Media API Integration
I implemented Instagram and TikTok APIs so that the latest content can be displayed directly on the website, keeping the brand presence fresh and connected to its audience.
πΊοΈ Smart Reseller Mapping
To support local sales, the platform features a reseller locator map. New resellers appear automatically on the map when they register, making it easy for customers to buy from the nearest trusted source.
π Project Goal
The main goal of this project was to build a robust, production-ready e-commerce system with:
- Secure payment and logistics flows.
- Marketplace and social media integrations.
- Scalable architecture that can support both B2C and B2B use cases.
This project demonstrates my ability to design, develop, and deploy a complete web application using modern web technologies and third-party APIs.
π Visit the Live Demo
Visit mobloncbeauty.com to see the project in action.
π What I Learned
Through MO'BLONC, I deepened my experience in:
- Full-stack Laravel development.
- Integrating payment gateways (Midtrans).
- Working with shipping APIs (RajaOngkir).
- Connecting to external marketplaces (TikTok Shop & Shopee).
- Building a dynamic reseller network with geolocation features.
- Implementing modern responsive design with Tailwind CSS & Alpine.js.
MO'BLONC is a showcase of how I approach building real-world web applications that blend functionality, usability, and modern tech stacks.