Snap quick photos of everything in your closet and let the app do the rest. ClosetCanvas tags each item, tracks how often you wear it, and builds daily outfits that match the weather and your plans. Forgot about those boots in the corner? ClosetCanvas will remind you—and suggest ways to sell or donate clothes you never use. Wake up each morning to a ready-made outfit and feel good about what’s in your wardrobe.
- Account creation with User Authentication
- Create a sleek navigation system
- Closet and individual photo upload
- Rekognition Custom Labels auto-tag garment type/color
- GPT-generated “Today’s Outfit” with a reason
- Based on calendar events
- Weather-aware outfit adjustments via OpenWeather API
- Dashboard showing wear frequency & “under-worn” alerts
- Text morning outfit suggestions
- Outfit themes
- Try-on AR mirror
- Integration with second-hand marketplaces
- Social “rate my fit” sharing with friends
- Gamification
- Badges/Achievements
Week 1: Set Up ⚙️
- Discuss with the team who’s frontend/backend and the overall project/tech stack
- Set up communication and environments
- Go over GitHub basics:
- Create branches.
- Start Figma and start working on UI designs.
- Learn the basics of the tech stack (watch videos and code along).
Week 2: More Preparation 💡
- Front End:
- Work on base UI/UX design in Figma
- Create basic navigation across app pages
- Begin planning Closet Upload and Home screens
- Back End:
- Set up user authentication with JWT/Cognito
- Begin work on image upload handling and storage (e.g., S3)
- Start researching Rekognition for basic image analysis
- Work on designing the Schema for the Database/s
- Work as a team to figure out how the whole app should work.
- Work out all of the small details, such as how it should flow and general layout.
- Have an idea in mind to build off by the end of week
- Make sure everyone is on the same page
- Work out all of the small details, such as how it should flow and general layout.
Weeks 3-4: Coding 👨🏻💻
- Front End:
- Implement closet gallery UI and item view screens
- Display GPT-generated outfit with reason on “Today’s Fit” page
- Add photo capture functionality with preview
- Back End:
- Integrate GPT API to generate daily outfits
- Store wear frequency data and last worn timestamp
- Return filtered item lists for use in suggestions
Weeks 5-6: Middle Stretch 👾
- Front End:
- LBuild and style wear frequency dashboard
- Create "under-worn alert" badges next to clothing items
- Polish UI for full outfit display
- Back End:
- Create logic for alerting underused clothes
- Set up SMS morning suggestions
- Finalize outfit reasoning template from GPT output
- Begin stretch goals
Weeks 7-8: Finishing Touches 👔
- Finalize backend and frontend integration by 7th week.
- Plan and brainstorm for the presentation.
- Watch previous presentations for inspiration and understanding.
- Work on stretch goals.
- Ensure connectivity between frontend and backend.
Weeks 9-10: Wrapping Up/Presentation Night 🗣🎤🖥️
- Complete any remaining stretch goals.
- Prepare and practice the presentation.
- Present to stakeholders.
- React Native: Building the front end with a focus on interactivity.
- Express.js: Backend framework for creating RESTful APIs.
- Node.js: JavaScript runtime for backend services.
- Node Download
- What is node?
- Optional but you should watch
- React Native + Expo + NativeWind (Frontend):
- AWS Lambda + S3 + Rekognition + API Gateway (Backend):
- AWS Cognito (User Authentication):
- Visual Studio Code
- Git (version control)
- Node
- Stylebook / Cladwell (Manual tagging, no AI outfit suggestions)
- Stitch Fix (Subscription box model, no personal closet management)
- Pureple (Basic color tagging, limited AI styling or usage insights)
Developers
- Tramanh Trinh - so cool
- Arnav Vedula
- Shaleen Amal - The Spectacular
- Pragya Singh - the amazing
Project Manager
- Noel Emmanuel - The great
Industry Mentor
- Umaymah