Click this icon to view Project
Ever feel like you have nothing to wear, even though your wardrobe is packed? DripTrack is here to change that. It helps you keep track of what clothes you already have and how often you wear them—all from your phone. No more digging through piles or buying clothes you don’t need. Just scroll through your wardrobe, mix and match outfits, and you’ll always know what you’ve got. Plus, by reducing unnecessary purchases, we’re all about sustainability and keeping your wardrobe organized.
- Problem: I need to make sure users can log in and their data is safe.
- Solution: Implement a secure login system with JWT tokens to manage user sessions. This way, each user’s wardrobe data is separate.
- Next steps: Set up #/# forms and connect them to an authentication system in the backend.
- Problem: Users need insights into their wardrobe usage, such as how many times they've worn certain items.
- Solution: Add a Stats page that displays key wardrobe statistics like total items, most worn items, and usage frequency for each item.
- Next steps: Integrate backend logic to fetch and display wardrobe stats dynamically, along with a visually appealing graph to represent the data.
- Problem: Users need to upload their clothes and categorize them.
- Solution: Provide a form where users can upload photos and manually assign categories like “shirts,” “pants,” and more.
- Next steps: Build an upload form, connect it to a backend API that stores these images, and organize them into categories.
- Problem: How do users keep track of how often they wear an item?
- Solution: Create a button that allows users to mark when they wear an item, which increments a counter for that item’s usage.
- Next steps: Implement the usage tracking button and make sure the count updates in the database every time an item is worn.
- Problem: How can users see which items they wear the most or least?
- Solution: Add sorting functionality that allows users to sort their wardrobe items by usage (ascending/descending).
- Next steps: Create a dropdown to select the sort option, and fetch the sorted data from the backend.
- Problem: Users want to keep track of clothes they wish to buy in the future.
- Solution: Implement a Wishlist feature that allows users to save desired items in a separate section for future reference or purchases.
- Next steps: Build a form for users to add items to their wishlist, connect it to a backend database, and provide options to remove or mark items as purchased.
- Problem: Users want personalized fashion advice and help with outfit choices.
- Solution: Add an AI-powered chatbot to answer fashion-related questions. The chatbot will respond with helpful tips, such as suggesting outfits, answering questions about items in the wardrobe, and providing general fashion advice based on trends and user preferences.
- Next steps:
- Integrate a conversational UI to allow users to interact with the bot.
- Use AI APIs (like Gemini or similar) to provide the chatbot responses in a friendly, concise format.
- Display answers in Markdown format for easy reading and better presentation.
-
Frontend:
- React.js
- Vite
- Tailwind CSS
-
Backend:
- Node.js
- Express.js
- MongoDB
- Google cloud platform
- Managing Image Uploads: Figuring out how to handle image uploads securely and efficiently.
- Real-Time Updates: Keeping the wardrobe data up-to-date with real-time usage tracking.
- Mobile Responsiveness: Ensuring the app looks good on all devices (mobile-first design with Tailwind).
To have a simple but effective wardrobe management app that helps people keep their clothes organized and track what they wear the most. Eventually, I might even add AI to recommend outfits based on what you wear most often.
Stay tuned! 🚀