ClosetCrush
ClosetCrush is designed to create an all-in-one online shopping Wishlist. The user is initially prompted to sign in or make an account, after completion, they are brought to a page that displays a podium awaiting their outfit selection - the Style Studio. To upload a new piece of attire, the user fills out a form where they enter a hyperlink, cost, and brand name. The item is then automatically added to its respective category. If the user wants to see it matched with other clothes, they can return to the Style Studio, and select the items they want to see together. To save an outfit, the user can "crush" the combination, saving it to a directory. Built with a playful Y2K aesthetic, ClosetCrush is a fun and interactive way to manage your wishlist and promote sustainable fashion choices. Try ClosetCrush to find your next crush!
Technical Overview
ClosetCrush was built with HTML/CSS/JavaScript on the frontend and Node.js/Express on the backend, featuring a dual database approach with MongoDB for production and localStorage for offline functionality. We implemented email-based authentication, category clothing management with image background removal via Replicate RemBG API, and an interactive outfit creation system with "crush" functionality to save favorites. Our synchronization system allows data persistence between server and local storage, handling API failures while maintaining user data integrity. The responsive design uses CSS Grid and Flexbox for a mobile-first interface with a playful Y2K aesthetic. Moving forwards, we plan to enhance the website with a try-on model and a social aspect.