https://github.com/mkosssd/ai_gpt
https://github.com/mkosssd/ai_gpt
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mkosssd/ai_gpt
- Owner: mkosssd
- Created: 2025-07-15T16:33:51.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-07-15T16:57:43.000Z (12 months ago)
- Last Synced: 2025-07-16T12:51:23.902Z (12 months ago)
- Language: TypeScript
- Size: 129 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI GPT App
A React-based AI assistant interface that demonstrates modern frontend techniques like throttling, pagination, infinite scrolling, and form validation.
🔗 **Live Demo**: [https://candid-pastelito-c2e7e0.netlify.app](https://candid-pastelito-c2e7e0.netlify.app)
💻 **GitHub Repo**: [https://github.com/mkosssd/ai_gpt](https://github.com/mkosssd/ai_gpt)
---
## 🚀 Project Overview
This project is a simple AI chat interface where users can type prompts and receive AI-generated responses. It’s built to showcase frontend best practices, with special attention to performance and user experience using techniques like:
- Input throttling to avoid excessive processing
- Pagination and infinite scroll to manage data flow
- Form validation for clean input handling
AI tools were used to assist in the development process for better code structure and quicker delivery.
---
## 🛠️ Tech Stack
- **React**
- **Tailwind CSS**
- **Vite**
- **JavaScript / TypeScript**
- **Netlify** (for deployment)
---
## 🧑💻 Setup & Run Instructions
Follow the steps below to run the project locally:
### 1. Clone the repository
```bash
git clone https://github.com/mkosssd/ai_gpt.git
cd ai_gpt
```
### 2. Install dependencies
```bash
npm install
```
### 3. Start development server
```bash
npm run dev
```
### 4. Build for production
```bash
npm run build
```
### 5. Preview the production build
```bash
npm run preview
```