https://github.com/e-khalifa/ai-chat
A simple and user-friendly web application built with React and Material-UI (MUI). It uses OpenAI's API to enable smart conversations, and includes a conversation history feature, allowing users to revisit past chats.
https://github.com/e-khalifa/ai-chat
gpt4 mui openai openai-api react reactvite
Last synced: 9 months ago
JSON representation
A simple and user-friendly web application built with React and Material-UI (MUI). It uses OpenAI's API to enable smart conversations, and includes a conversation history feature, allowing users to revisit past chats.
- Host: GitHub
- URL: https://github.com/e-khalifa/ai-chat
- Owner: e-khalifa
- Created: 2025-04-01T23:31:45.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-01T23:35:46.000Z (9 months ago)
- Last Synced: 2025-04-02T00:27:35.645Z (9 months ago)
- Topics: gpt4, mui, openai, openai-api, react, reactvite
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI-Chat
A simple and user-friendly web application built with React and Material-UI (MUI). It uses OpenAI's API to enable smart conversations, and includes a **conversation history** feature, allowing users to revisit past chats.
## Table of Contents
1. [📸 Demo](#-demo)
2. [🚀 Getting Started](#-getting-started)
## 📸 Demo
## 🚀 Getting Started
### Prerequisites
- Install **Node.js** and **npm**.
- Clone the repository:
```sh
git clone https://github.com/e-khalifa/AI-Chat.git
cd ai-chat
```
### Install Dependencies
```sh
npm install
```
### Set Up Environment Variables
Create a `.env` file in the root directory and add your OpenAI API key:
```sh
VITE_OPEN_AI_API_KEY=your_api_key_here
```
### Run the Development Server
```sh
npm run dev
```
This will run the app on [http://localhost:5173](http://localhost:5173).