LookBook is an elegant, intuitive digital wardrobe application that revolutionizes how you organize and style your clothing. Transform your fashion experience by digitizing your wardrobe, creating stunning outfit combinations, and accessing your entire collection from anywhere.
- Smart Apparel Management: Effortlessly upload, categorize, and browse your clothing items with our intuitive interface
- Creative Outfit Builder: Mix and match tops, bottoms, shoes, and coats to visualize perfect outfit combinations before you wear them
- Responsive Design: Experience seamless functionality across all your devices - mobile, tablet, or desktop
- Interactive Browsing: Discover new outfit possibilities with our engaging carousel navigation
- Elegant UI: Enjoy a visually pleasing experience with our thoughtfully designed color palette and smooth animations
- Framework: Built on Next.js 15 with the modern App Router architecture for optimal performance
- Frontend: Powered by React 19, with Redux Toolkit for state management and Tailwind CSS for pixel-perfect styling
- Backend: Leverages Next.js API Routes for seamless full-stack functionality
- Database: MongoDB with Mongoose for flexible, scalable data storage
- Media Storage: Cloudinary integration for lightning-fast image uploads and optimized delivery
- Testing: Comprehensive test suite using Jest and React Testing Library with 90%+ coverage
- Node.js 18+ and npm/yarn
- MongoDB database (local or Atlas)
- Cloudinary account for media storage
- Clone the repository
git clone https://github.com/Nicolas-Rodriguez-Ch/closet-app.git
cd lookbook- Install dependencies
npm install
# or
yarn install- Create a
.envfile in the root directory:
DATABSE_URI=mongodb://localhost:27017/
HTML_HEADER=LookBook
HTML_DESCRIPTION=Your personal digital wardrobe
NEXT_PUBLIC_API_URL=http://localhost:3000/api/
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
CLOUDINARY_FOLDER=your_folder_name
- Launch the development server
npm run dev
# or
yarn dev- Open http://localhost:3000 to explore your new digital wardrobe
# Run all tests
npm test
# Watch mode for development
npm run test:watch
# Generate detailed coverage report
npm run test:coverageapp/: Next.js app router pages and feature-rich componentslib/: Redux store configuration, feature slices, and TypeScript typesservices/: API service functions with robust error handlingdatabase/: MongoDB connection manager and data modelspublic/: Static assets and environment constants
LookBook provides a complete solution for managing your clothing items:
- Upload high-quality images with detailed information
- Browse your collection with intuitive filtering by category
- View comprehensive details for each item
- Maintain your digital wardrobe with easy removal options
Express your style by combining clothing items into cohesive outfits:
- Build perfectly coordinated outfits with visual previews
- Organize outfits with custom titles, descriptions, and searchable tags
- View your outfit collection in an aesthetically pleasing grid layout
- Access detailed outfit information and individual components
Deploy your LookBook instance on Vercel or your preferred hosting platform:
# Build for production
npm run build
# Start production server
npm startContributions are warmly welcomed! To contribute:
- Fork the repository
- Create your feature branch (
git checkout -b amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
I'd love to hear your feedback or answer any questions about LookBook!
- GitHub: Nicolas-Rodriguez-Ch
- LinkedIn: nicolas-rodriguezc
- Email: nicolasrodriguezch@hotmail.com
- WhatsApp: Contact me