https://github.com/ekamid/cgpt-web-builder

A basic Ai-powered web builder!
https://github.com/ekamid/cgpt-web-builder

ai api-implementation automation chatgpt chatgpt-api chatgpt-app nextjs reactjs web-builder

Last synced: 9 days ago
JSON representation

A basic Ai-powered web builder!

• Host: GitHub
• URL: https://github.com/ekamid/cgpt-web-builder
• Owner: ekamid
• Created: 2023-03-19T19:53:00.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-29T05:36:18.000Z (about 1 year ago)
• Last Synced: 2023-10-29T06:23:11.624Z (about 1 year ago)
• Topics: ai, api-implementation, automation, chatgpt, chatgpt-api, chatgpt-app, nextjs, reactjs, web-builder
• Language: JavaScript
• Homepage: https://cgpt-web-builder.vercel.app
• Size: 197 KB
• Stars: 9
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
cgpt-web-builder


  


    A basic Ai-powered web builder!

    


    


    View Demo

    ·

    Report Bug

  



## 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

```bash

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

```bash

npm install

```

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

```bash

NEXT_PUBLIC_OPENAI_API_KEY=your-openai-api-key

```

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

```bash

npm run dev

```

The Application Runs on **localhost:3000**