Nocturne Atelier is a frontend-only luxury perfume showcase designed to deliver a premium user interface with a clean component structure and responsive layouts. This project focuses on showcasing the elegance of a small-batch perfume house through modern resins, polished woods, and precise florals. Key features include a landing page with brand story and featured picks, a product listing with filter and sort options, and a detailed product view with full specifications. The tech stack includes Vite and React for fast development and a clean architecture, React Router for client-side navigation, and CSS Modules for a controlled, reusable design system. The project is open source, allowing developers to contribute and enhance the showcase further.
Built with