green-chatbot

Create a modern AI-powered chatbot website for students of Uka Tarsadia University, inspired by the functionality of the student portal app.utu.ac.in. The goal is to build a smart virtual assistant that helps students instantly get answers related to academics, admissions, exams, and campus life. ⸻ 🎯 Core Features (Must Have) • 🤖 AI chatbot trained on college-related queries: • Admissions process • Fee structure • Exam schedules • Courses & departments • Hostel & facilities • 📚 FAQ auto-answer system based on university FAQs  • 💬 Chat UI like ChatGPT (clean + real-time typing animation) • ⚡ Quick suggestion buttons: • “Admission process” • “Exam dates” • “Fee structure” • 📱 Fully responsive (mobile-first design) ⸻ 🧩 Website Sections 1. 🏠 Home Page • Hero heading: “Your Smart UTU Assistant 🤖” • Subtext: “Get instant answers for admissions, exams, fees, and campus life.” • CTA Button: Start Chatting ⸻ 2. 💬 Chatbot Interface • ChatGPT-style UI • Input field + send button • Bot typing animation (“AI is thinking…”) • Suggested questions (chips UI) • Chat history sidebar ⸻ 3. ❓ FAQ Section • Accordion layout • Categories: • Admissions • Academics • Hostel • Campus Facilities • Example FAQs: • “Is UTU NAAC accredited?” • “Does UTU provide transport?” • “Is hostel facility available?”  ⸻ 4. 🏫 About Section • Explain: • AI-powered assistant for UTU students • Helps reduce confusion and saves time • Mention UTU facilities like: • Wi-Fi campus • Libraries • Hostels  ⸻ 5. 📩 Contact Section • Simple form: • Name • Email • Message ⸻ 🎨 Design Style (TRENDING 🔥) • Glassmorphism UI (blur + transparency) • Gradient theme (Blue → Purple) • Smooth animations (Framer Motion) • Rounded cards + soft shadows • Fonts: • Inter / Poppins ⸻ ⚙️ Tech Stack (Beginner Friendly) • Frontend: • HTML + CSS + JS (or React for advanced UI) • Chatbot: • OpenAI API OR rule-based system • Backend (optional): • Node.js / Firebase ⸻ 🚀 Advanced Features (To Stand Out) • 🌙 Dark Mode Toggle • 🎤 Voice Input (basic speech-to-text) • 📊 Student Dashboard integration idea (like UTU portal) • 🔐 Login system (future upgrade) • 📂 Download notices / updates (like portal features)  ⸻ 🧠 Bonus Prompt Line (VERY IMPORTANT) “Make the chatbot feel like a friendly college assistant, not robotic. Keep responses short, helpful, and student-friendly.”