Skip to content

juaandominguez/hackUDC25

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

101 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ZaraMatch

👩‍💻 What is ZaraMatch?

ZaraMatch is a web application designed to enhance the shopping experience by leveraging the Inditex Visual Search API. The app allows users to upload images of clothing items and find similar products available in Inditex's catalog.

🌍 What does ZaraMatch solve?

ZaraMatch simplifies product discovery by providing:

  • Effortless visual search: No need to describe an item in words; just upload an image!
  • Quick product matches: Instantly browse similar products from Inditex.
  • Wishlist management: Save your favorite products for later.
  • Social sharing: Easily share product finds with friends.
  • Tinder-like experience: Swipe right to like or left to pass on clothing items.
  • Favorites management: Easily access and review your liked items.

💻 Tech Stack & Dependencies

ZaraMatch is built with modern web technologies for a fast and responsive experience:

  • Next.js - Framework for server-side rendering and static site generation.
  • TypeScript - Statically typed JavaScript for better maintainability.
  • Tailwind CSS - Utility-first CSS framework for rapid UI development.
  • Supabase - Backend as a Service (BaaS) for authentication and database management.
  • Inditex Visual Search API - Core functionality for image-based search.

🛠 Installation & Usage

To run ZaraMatch locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/ZaraMatch.git
    cd ZaraMatch
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open http://localhost:3000 in your browser.


💡 How It Works

  • Upload an image from your device or capture one using your camera.
  • ZaraMatch analyzes the image using the Inditex Visual Search API.
  • Similar products appear, allowing you to browse details, prices, and availability.
  • Swipe right to like an item or swipe left to pass on it.
  • View your liked items in your favorites list for easy access.
  • Save items to your wishlist or share them on social media.

🚀 Features

✅ Upload images from device or camera
✅ AI-powered visual search for similar products
✅ Detailed product information
✅ Wishlist for saving favorite items
✅ Social media sharing options
✅ Tinder-like functionality for browsing clothing items
✅ Favorites management for easy review of liked products


⚠ Known Issues & Limitations

  • Search results depend on the accuracy of Inditex's API.
  • Limited to Inditex catalog availability.
  • Performance may vary based on API response times.

If you encounter any bugs or issues, please report them in the Issues section of the repository.


👨‍💼 Contributing

Contributions are welcome! To contribute:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature-branch
  3. Commit changes: git commit -m "Add new feature"
  4. Push to your fork: git push origin feature-branch
  5. Open a pull request.

🌐 Community & Support

If you need help, you can:

  • Open an issue in the repository.
  • Contact the maintainers via GitHub discussions.

📚 License

This project is licensed under the MIT License. See the LICENSE file for details.


👥 Contributors

  • Juan Domínguez Rodríguez (@juaandominguez)
  • Javier Miguel Sánchez (@javier-miguel)
  • Marcos Seco Anderson (@marcos.seco.anderson)
  • Diego Dopazo García (@DIEGODOPAZO)

Happy Shopping with ZaraMatch!

About

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors