Welcome to Happy Closet, an application designed to revolutionize how you manage and enjoy your wardrobe. Embrace the future of fashion with a virtual closet that simplifies outfit planning, logs your stylish moments, and empowers you with data-driven insights. Whether you're a fashion maven seeking to elevate your style game or a minimalist aiming to declutter your choices, Happy Closet adapts to your unique preferences. Experience the convenience of a digital wardrobe, where you can effortlessly log your outfits, explore wardrobe statistics, and curate fresh ensembles.
Virtual Wardrobe: Digitally mirror your closet, making it easy to see and manage the items in your closet. Outfit Logging: Seamlessly record your outfits, creating an ever-growing style journal. Data-Driven Insights: Gain valuable insights into your clothing preferences and usage patterns, guiding your fashion choices. Advanced Data Visualizations: Version 2.0 introduces data visualizations powered by chart.js, offering deeper insights into your wardrobe habits. Crafted by a UX Designer: Designed by a UX Designer, Happy Closet offers an intuitive and visually pleasing experience.
This application utilizes the following languages, libraries, and software technologies:
- Next.js
- Typescript
- React
- Prisma.io
- Node.js
- tRPC
- Vitest (built on Jest)
- Planetscale
- Vercel
- MySQL
- Axiom (for logging and performance monitoring)
- Tailwind.css
- Clerk (for OAuth)
- AWS S3 (for image storage on the cloud)
The overall design of this application, including architecture charts, flowcharts for application navigation and task mapping, and database schema, can be found at Happy Closet Database Design FigJam.
To begin your Happy Closet journey, follow these steps:
- Fork this repository
- Navigate to the root of the project, and install dependencies
npm install - Launch the application in development: `npm run dev``
- Open http://localhost:3000 with your browser to see the result.