Swipe. Save. Discover. A Tinder-like fashion discovery app that learns your taste as you swipe.

Recruiters and engineers see thousands of CRUD apps. Driply is different:

• 🔄 Dopamine Loop – Tinder-style swiping that feels addictive.
• ✨ Smart Personalization – lightweight rule-based engine that adapts outfits to user taste (feels like Insta Reels).
• 💾 Persistence – Saved outfits + preferences stored locally, so taste builds over time.
• 🎨 Startup-Grade UI – clean, modern, motion-first experience built with React + Vite + Tailwind + Framer Motion.
• 📱 PWA Ready – installable on mobile, feels like a native app.

This isn’t just a project — it’s a real dopamine-driven product demo.

• 🧑‍🤝‍🧑 Gender Filter – choose male/female at onboarding.
• 🎴 Swipe Feed – discover outfits like swiping cards.
• ❤️ Personalization – feed reorders itself based on likes/dislikes.
• 🔖 Save Fits – keep favorites in a Saved page.
• 🛠 Offline Ready – works smoothly with local storage (via localforage).

• React 19 + Vite 7 – modern, fast build setup.
• TailwindCSS 4 – utility-first styling.
• Framer Motion 12 – fluid swipe animations.
• React Router 7 – clean navigation.
• Localforage – persistent storage.
• PWA (via vite-plugin-pwa) – installable on mobile.

• useRecommender.js – lightweight recommendation engine (rule-based, tag scoring).
• SwipeCard.jsx – motion-based Tinder-like card interactions.
• Saved.jsx – persistence + grid display of saved fits.

1. Onboarding (gender filter)
2. Swipe Feed (discovering outfits)
3. Saved Page (favorites)

I built Driply to showcase skills recruiters look for:

• Ability to design addictive UX flows (dopamine-driven feed).
• Experience with modern frontend stack (React 19, Vite, Tailwind, Motion).
• Writing clean, modular, production-ready code.
• Building a product that feels like a startup MVP, not a toy app.

git clone https://github.com/<your-username>/driply
cd driply
npm install
npm run dev

✨ Built with passion — aiming for startup-grade engineering quality.