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.

• 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.

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

What you need to install the software:

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

Clone the repository to your local machine:

git clone [email protected]: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

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.

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