💬 ChatGPT UI Clone (Frontend Only)

A fully functional front-end clone of the ChatGPT interface built using React.js, Vite, and Tailwind CSS.
This project focuses purely on the UI/UX and does not include backend or AI integration.

✨ Features

• 🪄 Chat window with smooth animations
• ⏱️ Message bubbles with timestamps
• 💬 Typing indicator for AI responses
• 🧠 Quick action prompts
• 📤 Drag-and-drop file upload support
• 🧏‍♂️ Text-to-speech (AI reads replies)
• 🎙️ Voice input (speech-to-text)
• 📑 Markdown rendering (code blocks, bold, italic, etc.)
• 🌙 Minimalist dark mode interface
• 🔁 Retry (resend) failed messages
• 🧵 Multi-threaded chats with rename & delete options

📦 Tech Stack

• ⚛️ React.js
• ⚡ Vite
• 🎨 Tailwind CSS
• 🎙️ Web Speech API (voice input & text-to-speech)
• 📦 React Dropzone (for file uploads)

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the TS template to integrate TypeScript and typescript-eslint in your project.