Ninjago Sushi — Interactive Landing Page for food delivery.
Modern one-page website for a themed Japanese cuisine restaurant, designed in the style of Ninjago.
Key functionality:
Dynamic Menu: Automatic generation of product cards (over 100 items) from a JS array with filtering by categories without reloading the page.
Cart System: Full-featured cart with the ability to change the quantity of items, remove items, and automatic calculation of the total amount.
Interactive UI: Custom loading screen (Gate Loader), animations for element appearance during scrolling, and a responsive modal window for detailed product viewing.
Mobile First: Full responsiveness: on desktops, the modal window looks like a card, and on smartphones, it appears as a full-screen interface for user convenience.
Technology stack: HTML5, CSS3 (Flexbox/Grid, Animations), Pure JavaScript (DOM Manipulation, Array Methods).
Key functionality:
Dynamic Menu: Automatic generation of product cards (over 100 items) from a JS array with filtering by categories without reloading the page.
Cart System: Full-featured cart with the ability to change the quantity of items, remove items, and automatic calculation of the total amount.
Interactive UI: Custom loading screen (Gate Loader), animations for element appearance during scrolling, and a responsive modal window for detailed product viewing.
Mobile First: Full responsiveness: on desktops, the modal window looks like a card, and on smartphones, it appears as a full-screen interface for user convenience.
Technology stack: HTML5, CSS3 (Flexbox/Grid, Animations), Pure JavaScript (DOM Manipulation, Array Methods).