FITD Chrome Extension

FITD is a Chrome extension that enhances the online shopping experience by providing users with a virtual closet where they can save clothing items from any online retailer, organize their favorites, and create outfits before making a purchase.

Features

• Save clothing items from any online clothing store
• Organize saved items in a centralized virtual closet
• Create and save outfits using saved items
• Interact with an AI-powered styling assistant to visualize outfit ideas for any occasion

Tech Stack

• React
• Vite
• JavaScript
• Chrome Extensions API
• OpenAI API

Prerequisites

Before getting started, ensure you have the following installed:

• Node.js (v18+ recommended)
• npm

Installation

Clone the repository:

git clone https://github.com/YOUR_USERNAME/FITD.git

Install dependencies:

npm install

Development

Start the development server:

npm run dev

Build

Create a production build:

npm run build

The compiled files will be generated in the dist directory.

Loading the Extension in Chrome

1. Build the project:

   npm run build

2. Open Chrome and navigate to:

   chrome://extensions
   

3. Enable Developer mode.

4. Click Load unpacked.

5. Select the folder containing the extension's manifest.json file.

6. The extension will now be installed and ready for use.

Available Scripts

Command	Description
npm install	Install project dependencies
npm run dev	Start the development server
npm run build	Build the extension for production
npm run preview	Preview the production build locally