Unikloh
Summary/Context
Unik Loh! is a full-stack e-commerce and service platform dedicated to the cosplay community. It addresses the niche needs of enthusiasts by providing a centralized marketplace for costume acquisition and professional thematic photography. The project serves as a comprehensive solution for users to manage their cosplay hobby and professional service bookings. Goals The project aims to deliver a scalable, secure, and user-friendly platform for buying and renting cosplay costumes. It seeks to integrate physical and mobile photography studio bookings into a single ecosystem. Additionally, the goal is to implement robust role-based access control and high-performance page delivery via modern web technologies.
Process I developed the frontend using Next.js with TypeScript for type safety and Tailwind CSS for responsive styling. I implemented global state management using the Context API and secured routes via Next.js middleware. On the backend, I utilized NestJS and Prisma ORM to manage user authentication, product catalogs, and database interactions with Supabase. Output The final deliverable is a deployed full-stack web application featuring product browsing, rental management, and photography service checkout. It includes specialized admin dashboards for product management and blog/FAQ sections optimized with Static Site Generation. The platform is fully responsive, featuring secure JWT-based authentication and a professional, themed user interface.
Video: Click to Watch The Demo
Scope of Work
Engineered a full-stack e-commerce platform using Next.js and NestJS, enabling seamless costume rentals and professional photography bookings.
Implemented secure JWT-based authentication and custom middleware, ensuring protected access to private routes for over two user roles.
Integrated Prisma ORM with Supabase database, optimizing data retrieval for product catalogs and user profiles across the entire system. Designed a responsive UI with Tailwind CSS and Framer-like animations, enhancing user engagement through modern, interactive visual components
Integrated Prisma ORM with Supabase database, optimizing data retrieval for product catalogs and user profiles across the entire system. Designed a responsive UI with Tailwind CSS and Framer-like animations, enhancing user engagement through modern, interactive visual components
Tools & Methods
Deployment
Front End : https://uniklohfe.netlify.app/
Back End : revoubackend6-production.up.railway.app