gpt-frontend-code-gen

gpt-frontend-code-gen is a front-end project built based on React and Vite, combined with Koa back-end service, to realize the function of generating and previewing front-end pages. It uses the GPT-4 model, supports Chakra UI and ShadcnUI component generation, and allows developers to continuously iterate and modify the page through dialogue until satisfactory results are achieved.

Demand group:

"This product is suitable for front-end developers, especially those who need to quickly generate and iterate front-end pages. It simplifies the development process and improves development efficiency through conversational interaction, allowing developers to focus more on page design and function implementation "

Example of usage scenario:

Generate an iOS-style front-end page.

Modify page layout to meet design needs through ongoing conversations.

Use Docker to quickly deploy and start projects.

Product features:

Generate React components using GPT-4.

Support Chakra UI and ShadcnUI component generation.

Live preview of generated components.

Modify and update components through ongoing dialogue.

Configure APIKey and BaseUrl to support multiple large models.

One-click setup and launch with Docker and Docker Compose.

Usage tutorial:

1. Make sure Node.js (18 or above) and Docker (optional) are installed in the development environment.

2. In the project root directory, install dependencies for the front end and back end respectively.

3. Start the front-end service: cd frontend, execute npm install and npm run dev.

4. Start the backend service: cd ../server, execute npm install and npm run dev.

5. Open the browser, visit http://localhost:9000, and configure APIKey and BaseUrl.

6. Use conversational interaction to generate and modify front-end pages.

7. Use Docker to start the project with one click and simplify the deployment process.