MO'BLONC Beauty ( E-Commerce B2C )

Developing a complete e-commerce site with integrated payments, shipping, and reseller.

Tech Stack :
MO'BLONC Beauty ( E-Commerce B2C )

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)

✨ 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.