Tira Santorini

Introduction to a Cake Specialty Shop Set in the Background of a Greek Island

Greek
Tiramisu
Enjoyed
at
Home

Introduction to a cake specialty shop set against the backdrop of a Greek island.

https://user-images.githubusercontent.com/70316567/247320856-21132a08-6982-4291-b7e8-281f86e7b31d.gif
Images Slider
Intro Page
Introduction to the Intro Page
1 / 4
Introducing the Tira store. Animation elements appear based on user scrolling.
Service Description
Overview
Project Intent
TIRA is a tiramisu specialty dessert brand set against the backdrop of six villages in Santorini, Greece. It offers various tiramisu packages selected to best suit each village based on their characteristics, colors, shapes, and more, reflecting in the design of the packages and the taste of the products.
Implemented Features
Common
Implemented a smooth-scrolling brand introduction page using GSAP. Developed product introduction, shopping cart, and price adjustment functionalities. Implemented user signup, profile creation, and editing functionalities.
Issues
Implementation of horizontal scrolling and screen snap feature
The intention is to provide a unique UX where the screen smoothly snaps horizontally instead of vertically as the user scrolls. To achieve this, elements of each section were arranged horizontally, and the GSAP 'to' method was used to set elements to move along the X-axis. The ScrollTrigger's snap and pin properties were used to implement smooth motion when fixing the screen.
Skills
Front-end
JavaScript, JQuery, GSAP, Pug, SCSS
Back-end
Express, MongoDB
Deploy
Flyio