Giter Site home page Giter Site logo

danieldo1 / style-sync Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 15.52 MB

Stylesync is an AI-driven webapp that simplifies outfit selection from your wardrobe. Upload clothing photos, categorize them, and receive customized outfit suggestions based on weather and style.

Home Page: https://style-sync.vercel.app

JavaScript 95.93% CSS 4.07%
aws-s3 formidable jotai mongodb mongoose nextauth nextjs openai react reacthookform

style-sync's Introduction

Welcome to Stylesync, the innovative AI-powered web application that revolutionizes the way you choose your perfect outfit. Leveraging cutting-edge technology, Stylesync offers personalized outfit suggestions based on your own wardrobe.

What is Stylesync? ๐Ÿคซ

Stylesync is a SaaS platform that helps users find the perfect outfit combinations from their existing clothing items. With an easy-to-use interface and intelligent AI suggestions, it takes the hassle out of deciding what to wear.

How It Works ๐Ÿซฃ

  1. User Account: Create an account or sign in using Google via NextAuth for a seamless authentication experience.
  2. Uploading Form: Once logged in, you're presented with a simple form to upload new clothing items to your virtual wardrobe.
  3. AI Background Removal: Uploaded photos are processed by Replicate AI to remove backgrounds, leaving just the clothing item.
  4. AWS S3 Storage: The processed images are securely stored in an AWS S3 bucket for reliable and scalable access.
  5. Categorization and Description: Assign categories, colors, patterns, and descriptions to your clothing items, ensuring all details are captured with the help of React Hook Form.
  6. MongoDB Integration: Your wardrobe is stored in MongoDB, and after uploading 10 items, the magic begins.
  7. AI-Powered Outfit Suggestions: OpenAI uses your wardrobe and current weather conditions (via a weather API) to suggest customized outfits.
  8. Favorites: Save your favorite outfits for quick access and future inspiration.
  9. SaaS Model: Enjoy free usage up to 20 items, after which a monthly subscription is available for unlimited access.

Technologies Used ๐Ÿ’ป

  • Frontend: Built with Next.js 14 and styled using TailwindCSS, ensuring a responsive and modern user interface.
  • AI Processing: Replicate AI for image processing and OpenAI for outfit suggestions.
  • Authentication: Securely handled by NextAuth.
  • Storage: Images are stored in AWS S3, and user data is managed in MongoDB.
  • State Management: Global state is managed with Jotai, synced with MongoDB.
  • Payment Processing: Integrated with Stripe for subscription management.
  • UI Components: ShadCN UI library provides a polished look with support for light and dark modes.

Problem Solved ๐Ÿ˜Œ

Stylesync addresses the common dilemma of choosing what to wear by automating outfit selection based on your personal wardrobe, the current weather, and occasion. It's perfect for those who want a hassle-free approach to styling and those interested in making the most out of their clothing collection.

Get Started ๐Ÿš€

To start using Stylesync, simply sign up, upload your clothing items, and let our AI assist you in creating stylish and weather-appropriate outfits every day.

Deployed on Vercel

Hosted on the Vercel Platform, Stylesync is designed to offer a seamless and efficient user experience. Visit us here and transform the way you dress!

Thank you for considering Stylesync as your personal wardrobe assistant. We can't wait to help you dress your best with ease and confidence!

style-sync's People

Contributors

danieldo1 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.