About The Project

This app allows users to type instructions for web components and instantly receive corresponding HTML, CSS, and JavaScript code generated by OPENAI CHAT API. Users can preview their code and even make changes directly in the editor, making it easier than ever to fine-tune the appearance and functionality of their website. There is a history function that allows users to revisit previous instructions and code snippets.

Built with Nextjs and Styled Components

Cloning and Running the Application in local

Clone the project into local

git clone https://github.com/ekamid/cgpt-web-builder.git
cd cgpt-web-builder

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

Rename the .env.example to .env and add your OpenAI API Key

NEXT_PUBLIC_OPENAI_API_KEY=your-openai-api-key

In order to run the application in dev mode type the following command

npm run dev

The Application Runs on localhost:3000