/Tricode-OpenAI-API-Implementation

A platform using React and Vite that calls OpenAI’s API to generate an image of a clothing item with a specific design based on user input.

Primary LanguageCSS

OpenAI Clothing Generator

Project Description

This repository hosts the code for a dynamic web application developed using React, Vite, HTML, CSS, and JavaScript. The application interfaces with OpenAI's API to generate images of clothing items based on user specifications. This project is created in collaboration with UBISOFT ROMANIA and is designed to showcase the capabilities of integrating AI technology with modern web frameworks.

Installation

To get this project up and running on your local machine, follow these steps:

  1. Clone the repository: Use the following command to clone the repository: git clone https://github.com/alexjilavu29/Tricode-OpenAI-API-Implementation.git Navigate into the project directory: cd Tricode-OpenAI-API-Implementation

  2. Install dependencies: Run the following command to install necessary dependencies: npm install

  3. Set up environment variables: Create a .env file in the root directory and add the following line: VITE_OPENAI_API_KEY=Your_OpenAI_API_Key_Here

  4. Start the development server: Use this command to start the development server: npm run dev

Usage

To use the application:

  1. Navigate to http://localhost:3000 in your web browser.
  2. Enter your clothing design specifications into the input field.
  3. Submit the form and wait for the image to be generated and displayed.
  4. You can adjust your design inputs and regenerate images as needed.

Contributing

Contributions are welcome! If you have suggestions for improvements or want to contribute code, please:

  1. Fork the repository.
  2. Create a new branch for your features (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add some feature').
  5. Push to the branch (git push origin feature-branch).
  6. Submit a pull request.

Acknowledgments

Special thanks to UBISOFT ROMANIA for their partnership and support in bringing this project to fruition.

We also appreciate the contributions from all developers and contributors who have helped enhance this project.

Roumanian Translation Below

Generator de Îmbrăcăminte OpenAI

Descriere Proiect

Acest depozit găzduiește codul pentru o aplicație web dinamică dezvoltată folosind React, Vite, HTML, CSS și JavaScript. Aplicația interacționează cu API-ul OpenAI pentru a genera imagini ale articolelor de îmbrăcăminte bazate pe specificațiile utilizatorului. Acest proiect este creat în colaborare cu UBISOFT ROMANIA și este conceput pentru a evidenția capacitățile de integrare a tehnologiei AI cu cadrele web moderne.

Instalare

Pentru a pune în funcțiune acest proiect pe calculatorul tău local, urmează acești pași:

  1. Clonează depozitul: Folosește următoarea comandă pentru a clona depozitul: git clone https://github.com/alexjilavu29/Tricode-OpenAI-API-Implementation.git Navighează în directorul proiectului: cd Tricode-OpenAI-API-Implementation

  2. Instalează dependențele: Rulează următoarea comandă pentru a instala dependențele necesare: npm install

  3. Configurează variabilele de mediu: Creează un fișier .env în directorul rădăcină și adaugă următoarea linie: VITE_OPENAI_API_KEY=Cheia_Ta_API_OpenAI_Aici

  4. Pornește serverul de dezvoltare: Folosește această comandă pentru a porni serverul de dezvoltare: npm run dev

Utilizare

Pentru a folosi aplicația:

  1. Navighează la http://localhost:3000 în browserul tău web.
  2. Introdu specificațiile designului tău de îmbrăcăminte în câmpul de intrare.
  3. Trimite formularul și așteaptă ca imaginea să fie generată și afișată.
  4. Poți ajusta intrările designului tău și regenera imaginile după cum este necesar.

Contribuții

Contribuțiile sunt binevenite! Dacă ai sugestii pentru îmbunătățiri sau dorești să contribui cu cod, te rog:

  1. Fork-ează depozitul.
  2. Creează o nouă ramură pentru caracteristicile tale (git checkout -b feature-branch).
  3. Fă modificările tale.
  4. Comite modificările tale (git commit -am 'Adaugă o nouă caracteristică').
  5. Împinge la ramură (git push origin feature-branch).
  6. Trimite un pull request.

Recunoștințe

Mulțumiri speciale către UBISOFT ROMANIA pentru parteneriatul și suportul lor în realizarea acestui proiect.

Apreciem de asemenea contribuțiile de la toți dezvoltatorii și colaboratorii care au ajutat la îmbunătățirea acestui proiect.