/SwipeNFit

Our project is an innovative fashion recommendation app, SwipeNFit, that combines the convenience of swipe-based browsing with personalized outfit suggestions. Users can swipe left, right, or up on outfit cards to indicate their preferences, and the system records these interactions to offer tailored recommendations.

Primary LanguageJavaScript

SwipeNFit 👗

Screenshot 2024-07-20 at 5 47 07 PM

Inspiration ⚡

In the dynamic world of fashion, consumer preferences are constantly evolving, making it essential to develop intuitive and engaging ways to help users discover styles they love. Fashion apps with right-swiping for likes and left-swiping for dislikes leverage this need by providing a seamless and interactive user experience. By analyzing user swipes, these apps can generate personalized recommendations that align with individual tastes, enhancing user satisfaction and engagement. This not only simplifies the decision-making process but also transforms fashion discovery into a fun and gamified activity. The integration of such advanced recommendation systems fosters a deeper connection between users and the app, driving higher retention rates and creating a loyal user base. In essence, swipe-based fashion apps are revolutionizing how we explore and adopt new styles, making fashion more accessible and enjoyable for everyone.

Team ✨

What is it? ⛹️‍♂️

Our project is an innovative fashion recommendation app, SwipeNFit, that combines the convenience of swipe-based browsing with personalized outfit suggestions. Users can swipe left, right, or up on outfit cards to indicate their preferences, and the system records these interactions to offer tailored recommendations.

How it was built 👷‍♀️

SwipeNFit was built using a combination of React for the frontend, Flask and PyTorch for the backend, and CSV files for product data storage. The frontend interface allows users to swipe through outfits. The backend records swipe actions and uses the data to generate personalized recommendations, ensuring a seamless and interactive user experience.

Challenges with SwipeNFit 🥺

One major challenge was managing the performance issues due to the large number of images, which initially slowed down the swipe functionality. Additionally, integrating multiple components, while ensuring a smooth user experience, required careful planning and debugging.

Accomplishments that we are proud of 😎

We are proud of successfully implementing a dynamic swipe-based interface that records user interactions and provides tailored recommendations. The collaborative effort in overcoming performance challenges and ensuring seamless integration across components was also a notable achievement.

What we learned 🤓

Throughout this project, we learned the importance of optimizing performance when dealing with large datasets and numerous images. We also gained experience in integrating frontend and backend components to create a cohesive application. Effective collaboration and clear communication were crucial in coordinating tasks and resolving issues efficiently.

Built With 💕

  • HTML
  • CSS
  • JavaScript
  • React
  • Python:
  • pandas
  • numpy
  • flask
  • Pytorch

What's next for SwipeNFit 🔥

The next steps for SwipeNFit include enhancing the recommendation algorithm to provide even more accurate suggestions based on user behavior and feedback. We also plan to implement more advanced search functionalities and potentially explore AI-driven virtual try-ons to further improve the user experience. Expanding the product database and refining the user interface are also on our roadmap.