Meraki is a modern, aesthetically pleasing online boutique designed specifically for young women aged 20-35. Built on the Shopify platform using the powerful Liquid templating language, the webshop offers a seamless and intuitive shopping experience. Featuring a clean, minimalist design with a focus on functionality and user experience, Meraki offers a curated collection of fashion items that exude style and elegance. With Shopify's robust e-commerce tools and Liquid’s flexible templating capabilities, I was able to craft an engaging, user-friendly interface, ensuring easy navigation and smooth checkout processes. The design is fully responsive, providing a smooth experience across devices, while ensuring that the aesthetic and branding of Meraki shines through. Whether you're browsing for everyday essentials or statement pieces, Meraki offers a chic and delightful online shopping experience.
View the live project
![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.dc8b4aa1.png&w=256&q=75)
![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.73ffb0c6.png&w=256&q=75)
![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fshopify-icon.3615b1d8.webp&w=1080&q=75){kind=icon}
In this project, I took 3D objects designed in Blender and integrated them into a React application using video as the medium to display dynamic, moving 3D content. The goal was to create an immersive experience where users could interact with video-based 3D animations that convey depth, movement, and interactivity.
View the live project![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.90284f53.png&w=256&q=75)
![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs-icon.cb1d90a5.png&w=1080&q=75){kind=icon}
![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FReact-icon.72e1ac12.png&w=3840&q=75){kind=icon}
This personal portfolio is built with Next.js 15 and styled using Tailwind CSS. Leveraging server-side rendering (SSR) and static site generation (SSG), the site ensures fast loading times and a smooth user experience. Tailwind's utility-first classes allowed for rapid, responsive design customization. I also used Next.js Image Optimization for high-quality, fast-loading visuals. This portfolio highlights my work and showcases my ability to create modern, high-performance web applications with the latest technologies.
View the live project![[object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FTailwind_CSS_Logo.d8854da2.png&w=3840&q=75){kind=logo}
This frontend project is built using an external Figma design file named Positivus, ensuring a pixel-perfect and responsive implementation. The project focuses on clean UI/UX, smooth interactions, and modern web technologies to bring the design to life. Every component has been carefully crafted to match the original Figma prototype, delivering a seamless and visually appealing user experience.
View the live project
