https://github.com/softdev629/chatgpt-frontend

Simple ChatGPT clone chatbot site. Very good example of simple ChatGPT API call.
https://github.com/softdev629/chatgpt-frontend

chatgpt css3 javascript openai-api vanilla

Last synced: 12 months ago
JSON representation

Simple ChatGPT clone chatbot site. Very good example of simple ChatGPT API call.

• Host: GitHub
• URL: https://github.com/softdev629/chatgpt-frontend
• Owner: softdev629
• Created: 2023-02-26T23:00:28.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-12-17T20:49:29.000Z (about 1 year ago)
• Last Synced: 2025-01-07T08:16:59.436Z (about 1 year ago)
• Topics: chatgpt, css3, javascript, openai-api, vanilla
• Language: JavaScript
• Homepage:
• Size: 444 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ChatGPT-Client

> Chatbot Frontend Project.

## Table of Contents

- [General Info](#general-information)

- [Technologies Used](#technologies-used)

- [Features](#features)

- [Screenshots](#screenshots)

- [Setup](#setup)

- [Usage](#usage)

- [Project Status](#project-status)

- [Room for Improvement](#room-for-improvement)

- [Acknowledgements](#acknowledgements)

- [Contact](#contact)

## General Information

- Elegant User Interface that resembles the ChatGPT App

- Communication with advanced GPT 3 model API

- Feel power of ChatGPT

- To study OpenAI

## Technologies Used

- Tech 1 - OpenAI

- Tech 2 - Vanilla

- Tech 3 - JavaScript

## Features

List the ready features here:

- Responsive layout with CSS

- Handle events with JavaScript

- Render markdown from string

- Prism for code highlight

- Make API requests

- Catch errors

- Write clean code & much more

## Screenshots

![Startup screenshot](./img/screenshot-1.png)

![Main screenshot](./img/screenshot-2.png)

![Tech screenshot](./img/screenshot-3.png)

## Setup

Project uses Node.js for frontend.\

Use vite to create project. All you need to do is just run `npm install` to install node_modules & run `npm run dev`.

## Usage

You can use this for several chatbot frontend.

Just clone the project and use it as frontend.

## Project Status

Project is: _complete_.

## Room for Improvement

These are room for improvement and ToDos.

Room for improvement:

- OpenAI

- JavaScript

To do:

- Update UI

- Flexible Chat

## Acknowledgements

- This project was inspired by Valentyn.

- This project was based on [this tutorial](https://platform.openai.com/docs/introduction).

- Many thanks to Valentyn.

## Contact

Created by [@Bohdan](https://softdev629.github.io) - feel free to contact me!