🎨 AI-Styler

AI-Styler is a web application that generates fashion mood boards and style visualizations using Stable Diffusion. Users can explore different style aesthetics and get AI-generated outfit combinations and style inspiration.

✨ Features

• Style preset selection
• Customizable style preferences
• AI-generated mood boards
• Interactive results gallery
• Style regeneration options

🛠️ Tech Stack

• React with TypeScript
• Tailwind CSS
• Stable Diffusion Web UI API
• Shadcn UI components

🚀 Getting Started

Prerequisites

• Node.js (LTS version)
• npm
• Stable Diffusion WebUI with API enabled

Installation

1. Clone the repository:

   git clone https://github.com/praise-jaravani/ai-styler-frontend.git

2. Navigate to the project directory:

   cd AI-Styler

3. Install the project dependencies:

   npm install

Running the Application

In the project directory, you can run the following commands to start the development server:

npm start

This command runs the app in development mode. Open your web browser and go to http://localhost:3000 to view the application. The page will automatically reload if you make any edits, and lint errors will be displayed in the console.

📸 Style Generation

The app uses Stable Diffusion to generate fashion mood boards based on:

• Style presets (Minimalist, Urban, Bohemian, etc.)
• Custom style preferences
• Color schemes and themes
• Occasion-specific requirements