Portfolio
Icemania
Comprehensive web application for the Icemania artisan ice cream shop. The project offers a complete product menu, ordering system, user account panel, and support for 3 languages (PL, EN, DE) with professional scroll-based animations.
View Live DemoKey Features
Multilingual System
Custom i18n system supporting 3 languages (Polish, English, German) with ~300 translation keys and localStorage persistence
Advanced Animations
GSAP 3.14 with ScrollTrigger for scroll-based animations, parallax effects, and staggered card animations
Menu & Orders
Complete product menu with filtering, product details, shopping cart, and ordering system
User Panel
Authentication with AuthContext, order panel (active/archive), user profile, and purchase history
Responsive Design
Mobile-first approach with dedicated MobileBottomNav, adaptive layouts, and custom design system
Performance Optimization
Next.js 16 with Turbopack, React Compiler, automatic image optimization, and code splitting
Tech Stack
About the Project
Icemania is a modern web application created for an artisan ice cream shop offering natural ice cream. The main goal was to create an intuitive platform for browsing the menu, placing online orders, and managing user accounts.
The application was built using the latest technologies: Next.js 16 with App Router, React 19, and TypeScript. It uses a custom multilingual system supporting 3 languages with full user choice persistence. The design system is based on a custom color palette (#5C1A1B, #B4CFB0, #F9F5E7) and Tailwind CSS.
A key UX element is advanced GSAP animations with ScrollTrigger, creating smooth, professional transitions and parallax effects. The application offers full e-commerce functionality: menu browsing, product filtering, adding to cart, order management, and user panel with purchase history.
The project stands out with architecture based on React Context API (LanguageContext, AuthContext), custom hooks for reusable logic, and Server/Client Components pattern. Deployment on Vercel with automatic image optimization and code splitting guarantees lightning-fast loading and excellent performance.