Image to Code

Description

Image to Code is a web application for converting images into code, leveraging artificial intelligence technologies. It allows users to drag and drop images, which are then processed to generate relevant code.

Prerequisites

Before you start, make sure you have Node.js installed in your development environment.

Installation

To run this application, follow these steps:

Clone the repository:

git clone [Repository URL]

Navigate to the project directory:

cd image-to-code

Install the dependencies:

npm install

Configuration

An OpenAI API key is required for the application to function correctly.

Create a .env or .env.local file at the root of the project. Add the following line, replacing YOUR_OPENAI_API_KEY with your OpenAI API key:

OPENAI_API_KEY=YOUR_OPENAI_API_KEY
Running the Application
To start the application in development mode, run:

npm run dev
Open http://localhost:3000 in your browser to view the application.

Building

To build the application for production, run:

npm run build

Features

Drag and drop image uploading. Processing and code generation using the OpenAI API. Technologies Used Next.js React Tailwind CSS OpenAI API

This proyect was followig the tutorial of Midudev in youtube.

Contributions

Contributions are always welcome. Please read the CONTRIBUTING.md file to know how you can contribute to this project.

License This project is licensed under the MIT License.