InspirationCloset Craft was inspired by a simple everyday problem: β€œI have so many clothes, but nothing to wear.”

We realized the issue wasn’t having fewer clothes, but not organizing and using them smartly. This motivated us to build a digital solution that helps users manage their wardrobe, create outfits easily, and make smarter, more sustainable fashion choices. πŸ‘—βœ¨

What it does

Closet Craft is a digital wardrobe management system that helps users organize their clothes and create outfits easily. It allows users to: Store and categorize clothing items Mix and match outfits Get smart outfit suggestions Track usage for better fashion decisions The goal is to make styling faster, smarter, and more sustainable. πŸ‘—βœ¨

How we built itWe built Closet Craft as a web-based application using modern web technologies.

Frontend: HTML, CSS, and JavaScript for designing a clean and responsive user interface. Framework: React to create dynamic and interactive components. Backend: Node.js to handle server-side logic and user data. Database: MongoDB to store wardrobe items, categories, and outfit details. We structured the app into modular components, connected the frontend and backend using APIs, and implemented a simple scoring logic to generate smart outfit suggestions.

Challenges we ran intoOutfit Matching Logic: Designing a smart and practical outfit recommendation system was challenging since fashion preferences are subjective.

Database Design: Structuring the database to handle categories, tags, colors, and images efficiently required multiple revisions. UI/UX Design: Creating a clean, modern, and user-friendly interface while keeping it simple took several iterations. Performance Optimization: Ensuring the app runs smoothly even with many wardrobe items required careful optimization. Despite these challenges, each obstacle helped us improve both our technical and problem-solving skills.

Accomplishments that we're proud ofSuccessfully building a fully functional digital wardrobe system from scratch.

Implementing a smart outfit suggestion feature instead of just basic storage. Designing a clean and user-friendly interface that makes styling simple. Turning a real-life everyday problem into a practical and impactful solution. We’re especially proud that Closet Craft is not just a project β€” it’s a solution people can actually use. πŸ‘—βœ¨

What we learnedHow to break a real-world problem into smaller, manageable technical components.

The importance of clean code and modular design for scalability. How frontend, backend, and database systems work together in a full-stack application. The value of UI/UX design in improving user experience. That solving everyday problems can lead to meaningful and impactful projects. Most importantly, we learned that building something practical teaches more than just theory. πŸš€

What's next for Closet craftAI-based recommendations to suggest outfits based on user preferences and past choices.

Image recognition to automatically categorize clothes from uploaded photos. Weather-based outfit suggestions for smarter daily planning. Sustainability tracking like cost-per-wear analysis to promote responsible fashion. Mobile app version for easier access and better user experience. Our goal is to evolve Closet Craft from a wardrobe organizer into a smart personal styling assistant. πŸ‘—βœ¨

Built With

  • css
  • express.js-database:-mongodb-tools-&-deployment:-git
  • github
  • javascript-frontend:-react-backend:-node.js
  • languages:-html
  • vercel
Share this project:

Updates