Group Project

Hikari

A full-stack e-commerce web application for a fictional candle brand. Built as a group assignment covering a complete webshop with product listings, cart, checkout, order confirmation, and an admin panel for managing products.

Hikari – product listing

About the project

Hikari is a candle e-commerce store built with Next.js App Router, using Server Actions for all CRUD operations and Prisma with SQLite as the database layer. The project was developed in a group as part of a school assignment, covering both the customer-facing store and a full admin panel.

The store lets customers browse products, manage their cart, fill in shipping details with full form validation, and receive a confirmation with a unique order number. The admin panel supports adding, editing, and removing products from the database.

I also created all product images and mockups for the store — designing the candle visuals used across the product listings and detail pages.

Tech stack

  • Next.js
  • React
  • TypeScript
  • Material UI
  • Prisma ORM
  • SQLite
  • Zod
  • React Hook Form
  • Vercel

Features

  • Admin CRUD panel
  • Shopping cart
  • Checkout & validation
  • Order confirmation
  • LocalStorage persistence
  • Responsive design