Grocery Demo Store

React · API Integration · Animations · Responsive UI · Vercel

Project Overview

Saggy Store is a demo grocery ecommerce application built with React, designed to simulate a modern landing shopping page. The project focuses on dynamic content, interactive UI elements, and smooth animations to replicate a real-world retail frontend.

My role

I was responsible for the complete development of the project, including:

  • Full frontend development using React

  • Integration of a fake product API for dynamic product listings

  • Implementation of responsive layouts across devices

  • Setup of interactive product carousels using Swiper

  • Integration of Vimeo videos for rich media content

  • UI animations using Lottie and GSAP

  • Deployment and continuous updates via Vercel

Technology Stack

Frontend

  • React

  • JavaScript (ES6+)

  • HTML5, CSS / Sass

Data & Interactivity

  • Axios

  • Swiper

  • GSAP

  • Lottie

Media & Deployment

  • Vimeo

  • Vercel

Key Features

  • Dynamic product rendering from external APIs

  • Product sliders and carousels for featured sections

  • Smooth UI animations and transitions

  • Embedded video content via Vimeo

  • Mobile-first, responsive design

  • Fast deployment and hosting with Vercel

Results & Outcome

The final result is a fully functional frontend demo that demonstrates modern React development practices, animation-driven UI enhancements, and real-world ecommerce patterns.

This project highlights my ability to build complete frontend applications, integrate third-party services, and deliver polished, responsive user experiences.

Live preview

See the results here.