🌐 Web Image-to-Code Converter

This Next.JS 14 application leverages the cutting-edge capabilities of OpenAI's GPT-4 Turbo with vision to transform website images into functional code. With a focus on efficiency and precision, this tool is designed to revolutionize the web development process.

🌟 Features

• Innovative Image-to-Code Conversion 🖥️: Utilizes OpenAI's GPT-4 Turbo with vision to accurately convert web designs from images to code.
• Optimized Performance 🚀: Enjoy fast, reliable, and optimized conversions.
• User-Friendly Interface 🖱️: Built with a focus on ease of use for developers and designers alike.

🚀 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

📋 Prerequisites

What you need to install the software:

• Node.js
• Yarn Package Manager
• OpenAI API key

💾 Installing

Clone the repository to your local machine:

git clone git@github.com:jmoliugp/ai-image-to-code.git

Navigate to the project directory:

cd ai-image-to-code

Install the dependencies using Yarn:

yarn install

To start the development server:

yarn dev

🖥️ Usage

After starting the development server, the application will be available in your browser. Simply drag and drop a screenshot from a web site, and the application will provide real-time image to code generation.

🛠️ Built With

• Next.JS 14 - The web framework used 📚
• OpenAI GPT-4 Turbo with vision - Powers the image-to-code conversion 🤖