🌐 Virtual Assistant Frontend

React frontend for the Virtual Assistant App.
Allows users to sign up, log in, customize their AI assistant, and chat in real-time.

---

🌍 Live Frontend URL

Deployed on Render:
➡️ https://virtualassistantfrontend-zy6a.onrender.com

Backend Repo:
🔗 virtual-assistant-backend

---

🚀 Features

• ⚛️ React + Vite + TailwindCSS
• 🔐 JWT-based authentication with backend
• 🧠 Assistant customization (name + avatar)
• 💬 Chat interface with AI assistant
• 🌐 Axios for API requests
• 📱 Fully responsive UI

---

⚙️ Tech Stack

Category	Technology
Frontend Framework	React 18
Build Tool	Vite
Styling	TailwindCSS
Networking	Axios
Routing	React Router DOM

---

⚡ Setup Instructions

1️⃣ Clone & Navigate

git clone https://github.com/yourusername/virtual-assistant.git
cd frontend

2️⃣ Install Dependencies

npm install

3️⃣ Configure API URL

In src/context/UserContext.jsx set your backend URL:

const serverUrl = import.meta.env.VITE_SERVER_URL || "http://localhost:8080";

4️⃣ Run Frontend

npm run dev

Frontend runs at:
➡️ http://localhost:5173

---

🔑 Pages

Route	Description
/signup	Register user
/login	Login page
/customize	Choose assistant image
/customize2	Enter assistant name
/	Chat with AI assistant

---

🖼 UI Screenshots

🔐 Login Page

🧠 Customize Assistant

✍️ Enter Assistant Name

💬 Home (Chat Interface)

📜 Chat History

💻 Final Interface

---

🧑‍💻 Author

Dipesh Sharma

---

⭐ If you like this project, give it a star!