Custom-designed detailed graphics for the kiosk using Photoshop, ensuring each element accurately reflects Gothic architectural aesthetics. The meticulous design process involved creating transparent images and animations to enhance educational content and user experience.

Established modular, component-based architecture using React, enabling scalable and maintainable code. Integrated Next.js for server-side rendering and improved SEO, ensuring the kiosk is accessible and performs efficiently across various devices and platforms.

Developed an interactive educational kiosk modeled after a Gothic cathedral, utilizing React and Next.js for a robust, user-friendly interface. Incorporated Framer Motion for dynamic drag-and-drop interactions, allowing users to explore architectural elements in a rich, engaging manner.