https://github.com/enzotng/chatty-ai
Chatty AI is a chatbot based on ChatGPT, enabling users to generate code in any web programming language they wish.
https://github.com/enzotng/chatty-ai
api artificial-intelligence chatgpt development prompt-engineering react typescript
Last synced: 18 days ago
JSON representation
Chatty AI is a chatbot based on ChatGPT, enabling users to generate code in any web programming language they wish.
- Host: GitHub
- URL: https://github.com/enzotng/chatty-ai
- Owner: enzotng
- Created: 2024-04-25T18:32:40.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-12T14:35:28.000Z (about 2 years ago)
- Last Synced: 2024-06-13T04:59:09.481Z (about 2 years ago)
- Topics: api, artificial-intelligence, chatgpt, development, prompt-engineering, react, typescript
- Language: TypeScript
- Homepage: https://chatty-ai-sigma.vercel.app
- Size: 545 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Integration of ChatGPT in Prompt Engineering for Web Development
## Introduction
This project aims to explore how integrating AI tools such as ChatGPT can enhance web development by facilitating code generation, creating interactive chatbots, and other functionalities. It provides a comprehensive tutorial on using ChatGPT for prompt engineering with concrete examples and illustrations.
## Objectives
- Understand the principles of prompt engineering and its importance in web development.
- Explore the possibilities of integrating ChatGPT in web development.
- Create an interactive chatbot using ChatGPT to respond to user queries on a website.
- Use ChatGPT to generate HTML, CSS, or JavaScript code based on specific requests.
- Document the integration process and results with screenshots, annotated source code, and concrete examples.
## Project Structure
- **chatty-frontend**: The frontend application built with React, Typescript, Vite, and SCSS.
- **chatty-backend**: The backend application providing the API for the ChatGPT integration.
## Setup
### chatty-frontend
#### Installation
```bash
cd chatty-frontend
npm install
npm run dev
```
#### .env
```bash
VITE_APP_BACKEND_URL=
```
### chatty-backend
```bash
cd chatty-backend
npm install
npm run prisma
npm run dev
```
#### .env
```bash
# OpenAI API
OPENAI_API_URL=https://api.openai.com/v1/chat/completions
OPENAI_API_KEY=
# JWT KEY
JWT_SECRET_KEY=
# VERCEL
POSTGRES_URL=
POSTGRES_PRISMA_URL=
POSTGRES_URL_NO_SSL=
POSTGRES_URL_NON_POOLING=
POSTGRES_USER=
POSTGRES_HOST=
POSTGRES_PASSWORD=
POSTGRES_DATABASE=
```