KK.
Back to Projects
Live Production
Actively maintained by Kavindu Kodikara.
Full Stack Web Application

Liera Events & Floral Platform

Role
Full Stack Developer
Timeline
April 2026 - June 2026
View Live
Liera Events & Floral Platform

The Problem

The client’s high-end event planning, floral arrangement, and rental business relied on scattered social media DMs for customer inquiries. They lacked a centralized, professional digital presence to showcase their visual portfolio, manage diverse inventory, and provide a frictionless catalog browsing experience for potential customers.

The Solution

Leveraging full stack development expertise, I architected a premium production web application consisting of a Next.js application for the customer storefront and a secure Express.js custom CMS. This robust event management platform centralized their product catalog, event portfolios, and rental inventories, culminating in a custom 'Cart-to-WhatsApp' checkout flow.

Live Product

Live Preview

Interact with the real production build currently serving live traffic.

Open Full Website
lieraevents.com
Liera Events & Floral Platform

Loads the full live website here

Engineering Challenges

Frictionless E-Commerce Workflow: Designed and implemented a custom shopping cart system that aggregates the order data and seamlessly hands off to the WhatsApp API for localized customer service fulfillment.
Complex Relational Modeling: Built a scalable relational database schema capable of managing the distinct operational requirements of floral items (dimensions, variants), rentals (deposits, stock), and past events (galleries, locations) under a unified administrative umbrella.
High-Performance Media Pipeline: Event businesses rely on high-resolution imagery. Implemented an automated backend image processing pipeline (using Sharp) that compresses and optimizes media on upload, dramatically reducing payload sizes and preserving fast page load times.
Dynamic SEO Optimization: Leveraged Next.js Server-Side Rendering (SSR) to programmatically generate unique metadata and automated sitemaps for every new product and event portfolio, ensuring high search engine visibility and continuous SEO optimization.

Technology Stack

Frontend

  • Next.js (App Router)
  • React 19
  • Tailwind CSS 4
  • Lucide React

Backend

  • Node.js
  • Express.js
  • Prisma ORM
  • Sharp (Image Processing)
  • Multer

Database & Security

  • MySQL
  • JWT Authentication
  • bcrypt

Project Gallery

Premium Customer Storefront
Frictionless Cart-to-WhatsApp Checkout Flow
Custom Admin Content Management System

Results & Impact

  • Professionalized the brand's digital presence, providing a highly visual, premium aesthetic that successfully converts online traffic into structured business leads.
  • Significantly reduced manual administrative overhead by streamlining customer inquiries through a structured, pre-filled WhatsApp handoff rather than generic DMs.
  • Empowered the non-technical business owner with a custom, foolproof CMS to effortlessly manage their entire digital operations and inventory.
  • Ensured long-term business growth through continuous production maintenance, robust SEO monitoring, and feature iterations on this live web platform.
WhatsAppEmail Me