ChatGPT Clone Website

A clone of the original ChatGPT Website, using localStorage features instead of database to store chat history.

This project is for educational purposes only.

Resources

• Next.js v13
• Next Themes
• ChatGPT API
• Tailwind CSS

Key Features

1. Handling server sent events using ReadableStream
2. Light & Dark Theme
3. Convert .txt to text input
4. Save chat history using localStorage
5. Markdown support
6. [v1.1.0] Speech Recognition API for converting voice into chats
7. [v1.2.0] Convert .pdf to text input

Upcoming Features

• Copy text to clipboard

Preview Image

Light Mode

Dark Mode

Installation and Setup

1. Clone this repository

git clone https://github.com/ervin-sungkono/ChatGPT-Clone.git

2. Setup env variables

cp .env.example .env

Variable	Description
API_URL	Your OpenAI API endpoint
OPENAI_KEY	Your OpenAI API key
NEXT_PUBLIC_SPEECHLY_APP_ID	For speech to text polyfill (optional but recommended), you can get it here

3. Install dependency

npm install

4. Run the app

npm run dev

This project is deployed using Vercel, click here to see the result.