Back

Flavor Trail

Extending Food Sharing Beyond Restaurants — A Community-Driven Platform

While most food sharing platforms focus on restaurants and businesses, FlavorTrail addresses the often-overlooked waste from individual meals, office lunches, and event catering. The platform enables peer-to-peer food sharing with an engaging, vibrant interface that makes surplus sharing feel like a social marketplace experience.

My contribution spanned from UX planning — including user stories, wireframes, and flow optimization — to frontend implementation with focus on interactive animations and responsive design.

‍

Project Overview

‍

Community food sharing platform where individuals and businesses can share surplus food, featuring post management, location-based search, and social interactions.

‍

My Role

‍

UX & Frontend Developer

‍

Design Phase

‍

  • Developed user stories for 3 user types:
    • General user
    • Donor
    • Recipient
  • Created User Story, Sitemap, and Flowchart to optimize key journeys:
    • Navigation and discovery
    • Community interactions
    • Personal account management
  • Produced wireframes validating user experience

‍

‍

‍

Frontend Development

‍

Technical Implementation

  • Responsive integration of main pages
  • Interactive component development
  • Animation and transition implementation

‍

Tech Stack

  • HTML5/SCSS, JavaScript

‍

‍

‍

Technical Highlights

‍

  • Clean design adapted to MVP technical constraints
  • Smooth animations enhancing user experience
    • Modal transitions
    • Hover effects
    • Button interactionss
  • Mobile-first responsive interface prioritizing accessibility

‍

Challenges & Technical Decisions

‍

  • Performance optimization with GSAP animations
  • Modular structure facilitating future React development

‍

Demo GitHub

‍

‍

This project was later rebuilt with React framework for better scalability and user experience.

→ See Part 2: React Development

Previous
Next

Discover more works

Designing experiences

Coding solutions

Visualizing insights

leslie.hj.xu.design@gmail.com
Let's create delightful solutions together
});