Cottagecore Closet

• 

  Login Page using google authentication

• 

  Dashboard of our App

• 

  Dashboard when you have created NO outfits yet

• 

  Closet! Shows all outfits you generated

• 

  Able to make it into a pop up and view what gemini suggested!!

• 

  Gemini prompt. User asking for inspo

• 

  Updates dashboard based on how many outfits you generated. gives a small preview as well.

• 

  Dashboard pop up as well!! Click on the preview of all outfits created on dashboard.

Cottagecore Closet is a time-saving tool designed for busy college students who want to prioritize self-care and start each day feeling confident. The platform generates personalized outfit descriptions using the Gemini API based on user input, stores the results in a Firebase database, and displays them across the closet and dashboard pages—where users can view their profile, outfit count, and a gallery of their most recent looks. Built with a Flask backend, TypeScript, React, and Vite, the project combined Sanya’s backend expertise, Averie’s frontend skills, and Ayisha's design skills in Figma to create an accessible, visually appealing interface. Throughout development, we faced challenges such as off-center CSS, inconsistent data handling, and API limitations that required switching from image generation to text-based outfit descriptions. Despite this, we’re proud of overcoming styling issues, designing an intuitive UI, successfully integrating an AI-generated API for the first time, and implementing user-specific data storage. Along the way, we learned how to connect Gemini to a backend, resolve merge conflicts, and collaborate effectively as a team. Looking ahead, we plan to add features such as favoriting outfits, custom outfit builders, image-based generation, outfit deletion, themed albums, and a searchable tag-based filtering system to enhance organization and personalization.

Built With

• css
• figma
• firebase
• flask
• geminiapi
• html
• javascript
• python
• react
• typescript
• visual-studio
• vite