🤖 ChatGPT Clone - Frontend UI

A single-page ChatGPT frontend UI clone built with HTML, CSS, and JavaScript. Created as a learning project while starting frontend development, for practice and UI demonstration purposes.

---

🌟 Overview

This project is a frontend-only clone of ChatGPT, made as a practice project while learning frontend development.
It simulates a chat interface for AI interactions and is built as a single-page application using HTML, CSS, and vanilla JavaScript, with a focus on:

• Practicing responsive and modern UI design
• Creating an interactive chat interface
• Learning how frontend can later integrate with backend APIs

⚠️ Note: This is frontend-only and does not connect to OpenAI or any AI backend.

---

✨ Features

• Clean and responsive chat interface
• Frontend-only HTML, CSS, and JS
• Designed as a learning and demonstration project

---

🔧 Tech Stack

---

📦 Installation

1. Clone the repository

   git clone https://github.com/ahmershahdev/chatgpt_frontend_clone.git
   cd chatgpt_frontend_clone

2. Open in browser

   # Simple
   open index.html
   
   # Using Python
   python -m http.server 8000

3. Using VS Code Live Server

   • Install 'Live Server' extension
   • Right-click on index.html
   • Select 'Open with Live Server'

🤝 Connect

📬 Contact

• Email: ahmarshah170@gmail.com
• Location: Pakistan

📄 License

This project is proprietary and confidential. All rights reserved. See LICENSE for details.

---

Made with ❤️ by Syed Ahmer Shah
© 2026 All Rights Reserved