Juicy Shop
Juicy is a modern, full-featured eCommerce web application for selling fruit juices, milk teas, and fruit teas — designed with a fresh, playful, and animated interface.
The goal was to deliver a delightful shopping experience that feels smooth, vibrant, and engaging through motion design and micro-interactions..
Key Features
🛒 Dynamic Shopping Cart:
Interactive cart drawer with Framer Motion animations for adding, editing, or removing items.
Real-time price updates and smooth transitions.
Persistent cart data handled via Zustand.
💳 Checkout Flow
Fully functional checkout with address, shipping, and payment input forms.
Order confirmation screen with success animation.
👤 User Management:
Sign up / login system with Supabase authentication.
User profile, order history, and editable personal details.
Session persistence using cookies and local storage.
🌍 Multilingual Support
Integrated Next-Intl for English and Vietnamese support.
Seamless language switching while maintaining route state.
🎨 Animated UI
Floating fruit and can animations on scroll using Framer Motion + Parallax.
Each juice flavor features a unique color palette.
Interactive category filters with smooth transitions.
Animated modals and hover effects for enhanced engagement.