Swipify

Swipify! Shop, swipe, smile.
Your gallery of liked products.
Our figma file for UI/UX design of Swipify.
Swipe left for no, right for yes.

Inspiration

Do you ever find yourself doomscrolling on Facebook Marketplace? Most people spend way too much time scrolling, clicking, and comparing without any real intention. What if we added that to shopping? We were inspired by Tinder's addictive swipe mechanic and wanted to bring that to e-commerce.

What it does

Swipify is a Chrome extension and website that transforms online shopping into a fun, swipeable experience. When you open any e-commerce website, every product you see becomes a quick yes or no. 👉 Swipe right to save what you want! 👈 Swipe left to skip. Discover products faster, shop smarter, and actually see what you want. Then, view your gallery to find the products you've saved. You'll discover products faster, make quicker decisions, and save the products you actually want.

How we built it

We built Swipify as a Chrome extension using:

JavaScript/TypeScript for core logic and DOM manipulation
Chrome Extension APIs to interact with web pages and store preferences
OpenAI
HTML/CSS for UI over existing e-commerce pages
LocalStorage (or Firebase, if applicable) to save liked/swiped products
Supabase for user authentication We also designed a lightweight interface to ensure performance across sites like Amazon, Etsy, and others.

Challenges we ran into

Ensuring the chrome extension would work for all e-commerce websites.
Integrating the extension smoothly with different e-commerce site layouts and dynamically loaded content (like infinite scroll).
Handling edge cases where product data is deeply nested or loaded via AJAX.
Creating intuitive swipe gestures that work seamlessly on both desktop and touch devices.
Keeping performance snappy while overlaying our custom UI on heavy retail websites.

Accomplishments that we're proud of

Built a working MVP that turns any e-commerce site into a swipeable shopping experience
Our clean, minimalist UI, while ensuring it doesn’t interfere with native site functionality
“I’d actually use this for real shopping” -us

What we learned

How to work with dynamic DOM elements and design for unpredictable page structures
The nuances of creating responsive, intuitive swipe interactions
How important UX decisions are when you're layering on top of an existing UI
That people are excited about gamifying everyday tasks like shopping