<JRJDev>
L

lumina-studio

BuildingProvenPaidE-commerce

LUMINA Portrait Studio is a modern, fully functional front-end demo for a portrait photography business.

Visit site

Made by

<J
<JRJDev>

@jrjdev

Junior Web Developer (Fullstack)

Open to freelanceCapul, Northern Samar
View profile · 7 projects

Journey

More from <JRJDev>

See all 7
V

velora-fashion

A modern, responsive e-commerce clothing platform built with pure HTML5, CSS3, and vanilla JavaScript — featuring authe…

Building
B

Byte-Brew

I built Byte & Brew — a modern café web app that lets customers browse the menu, log in, add to cart, and checkout

Live
J

jeepney-dash-game

please play this game, I make sure you are enjoy.

Live
B

blood-bank

for Capstone Project

Building
<J

<JRJDev>

Sep 18·

Technical Case Study: LUMINA Portrait Studio

LUMINA Portrait Studio is a client-side web application built by JRJDev using HTML5, CSS3, JavaScript ES6+, and Bootstrap 5.3. It delivers a complete booking system, a dynamic pricing calculator, an authentication-gated e-commerce module with GCash, COD, and pickup checkout options, a filterable portfolio gallery, an interactive before-and-after slider, and an administrative dashboard—all without any backend. State persistence relies entirely on the browser's localStorage API, while theming uses CSS custom properties to support both dark and light modes at WCAG AA contrast standards. The modular JavaScript architecture separates concerns into six independent files, making the codebase maintainable, responsive, and deployable as static assets to any hosting provider.

Building a dev tool or hiring developers? Get seen here. Become our Sponsor

Stays free because of
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Doctor Scoliosis
  • RCastromero()
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Doctor Scoliosis
  • RCastromero()
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Doctor Scoliosis
  • RCastromero()
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Doctor Scoliosis
  • RCastromero()
Join them

Building a dev tool or hiring developers? Get seen here. Become our Sponsor

Stays free because of
  • Joowd
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Doctor Scoliosis
  • RCastromero()
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Doctor Scoliosis
  • RCastromero()
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Doctor Scoliosis
  • RCastromero()
  • </Peter> "21st Dev Vinci"
  • Joowd
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • Doctor Scoliosis
  • RCastromero()
  • </Peter> "21st Dev Vinci"
Join them