🤖 Multiple Model AI Chatbot - Frontend

A modern AI chatbot frontend built with React.js, Tailwind CSS, and the OpenRouter API. Users can sign up, verify their email, log in securely, switch between multiple AI models, and enjoy a clean, responsive chat interface.

🌐 Live Demo

👉 https://multiple-model-ai-chatbot-frontend.vercel.app/

---

✨ Features

• 🤖 Chat with multiple AI models using OpenRouter API
• 🔄 Switch AI models anytime
• 🔐 Secure Login & Registration
• ✉️ Email Verification
• 💾 Save recent chats using Local Storage
• 📱 Fully Responsive Design
• ⚡ Fast React Performance
• 🎨 Modern UI with Tailwind CSS
• 🔒 Protected Routes using JWT Authentication

---

🛠 Tech Stack

• React.js
• JavaScript (ES6)
• Tailwind CSS
• Axios
• React Router DOM
• OpenRouter API

---

📁 Folder Structure

src/
├── assets/
├── components/
├── context/
├── pages/
├── services/
├── utils/
├── App.jsx
└── main.jsx

---

🚀 Installation

Clone the repository

git clone https://github.com/ishaqbusiness5666-sudo/multiple-model-ai-chatbot-frontend.git

Install dependencies

npm install

Create a .env file

VITE_API_URL=http://localhost:5000/api

Run the project

npm run dev

---

📸 Preview

Add screenshots of:

• Home Page
• Login
• Register
• Chat Page
• Mobile View

---

🚀 Future Improvements

• Chat Search
• Chat Export
• Dark Mode
• Markdown Support
• Better Chat History
• User Profile Settings

---

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to GitHub
5. Open a Pull Request

---

👨‍💻 Developer

Muhammad Ishaq

GitHub: https://github.com/ishaqbusiness5666-sudo

LinkedIn: https://www.linkedin.com/in/muhammad-ishaq03/

---

⭐ If you like this project, consider giving it a Star.