This project is a web application for generating ad banners using OpenAI's GPT-3. It comes with the following features:
-
Three Types of Ad Banners:
- Instagram post, Twitter header, and story banners are supported.
- Dedicated components were created for each banner type to cater to a wide range of user needs.
- General components were designed for repeating UI elements, minimizing code duplication.
-
Radio Button Group:
- Allows users to easily choose the type of banner they want to generate.
- Provides a simple and intuitive user experience.
-
Loading Indicator:
- Informs the user during the banner generation phase.
- Confirms to the user that their request is being processed.
-
Error Alert:
- Alerts the user in case an error occurs during banner generation.
- Provides the user with the option to retry banner generation or contact technical support.
-
Generate Another Banner:
- Users can generate another banner by clicking the generate button again.
- Offers increased flexibility to users.
Follow these steps to get started with the Ad Banner Generator:
- Clone this repository.
- Install dependencies using
npm install. - Run the application in development mode with
npm start. - Open http://localhost:3000 in your browser to use the application.
Feel free to explore and test the different banner types, and enjoy the flexibility and user-friendly features provided by the application.