{"slug": "i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened", "title": "I Asked My School Chatbot Who the Prime Minister Is. Here's What Happened", "summary": "Chetna, a digital marketing and AI student from Kaithal, Haryana, built a conversational chatbot for MDN Global School's website that replies in the user's language (English, Hindi, or Hinglish), restricts itself to school-related questions, speaks its answers aloud, accepts voice input, and drives an automated robot-narrated scrolling tour. She built the site using AI-assisted \"vibe coding\" and deployed it on Vercel, with the chatbot's error-fixing described as the hardest part of the project.", "body_md": "What happens when you ask a school chatbot, \"Who is the Prime Minister of India?\" 🤔\n\nOn my school project, it politely says: *\"I can only answer school-related questions.\"*\n\nThat one small rule took my project from \"just a website\" to something that feels like a real assistant. Let me tell you the story. 👇\n\nHi DEV! I'm Chetna, a digital marketing and AI student from Kaithal, Haryana, and this is my first post here. 👋\n\nI built the website for **MDN Global School, Kaithal**, and I wanted it to do more than just show information. I wanted visitors to be able to *talk* to it.\n\n🔗 **Try it live:** [mdnglobalschool.vercel.app](https://mdnglobalschool.vercel.app/)\n\nIt answers questions about the school, and it has a few tricks I'm proud of:\n\n**1. It replies in YOUR language**\n\nType in English, you get English. Type in Hindi, you get Hindi. Type in Hinglish, you get Hinglish. No language settings, it just matches you.\n\n**2. It stays on topic**\n\nAnything outside the school gets a polite \"I can only help with school-related questions.\"\n\n**3. It talks back** \n\nEvery typed reply is also spoken out loud, generated at the same time as the text.\n\n**4. You can talk to it too** \n\nTap the mic, speak, and your words turn into text automatically. Then just hit send.\n\nThis is my favorite part. Press the tour button, and a robot starts **speaking while the whole website scrolls automatically**, guiding you through every section like a real tour guide. No clicking, just sit back and watch.\n\nI built this using **vibe coding**: I told AI tools what I wanted in simple prompts, tested the result, and kept improving it. But the real work was in the decisions. Here is my step-by-step process 👇\n\n**1. Fix the design first **\n\nBefore anything else, I decided the design should suit a *school*. A school website has to feel trustworthy and welcoming to parents and students, so the look came before the features.\n\n**2. Decide what should (and shouldn't) be clickable **\n\nI went through the whole site and checked every element. Things that should be clickable had to be clearly clickable, and things meant only for reading should not confuse the visitor.\n\n**3. Make it mobile friendly and multipage **\n\nMost parents will open the site on their phone, so I made sure it works well on mobile. The site has multiple pages, and I made sure it still loads properly across all of them.\n\n**4. Fix the chatbot errors (many, many times) **\n\nThe chatbot was the hardest part. It threw errors again and again, and I fixed them one by one. Every time something broke, I described the problem to the AI, tested the fix, and tried again. Honestly, this taught me more than anything else in the project.\n\n**5. Plan the robot tour **\n\nThis needed real thinking. I had to decide what the robot should say, how the page should scroll, and which pages to show in the tour.\n\n**6. Fix the starting interface **\n\nLast, I polished the first screen visitors see, because that is where they decide if they will stay.\n\nThen I deployed it on **Vercel** and set up SEO, since I'm also learning digital marketing.\n\nOpen the website and try this:\n\nThen tell me in the comments 👇\n\nI'm still learning, so honest feedback is very welcome! 😊\n\n🌐 Portfolio: [[https://chetnaportflio.vercel.app/](https://chetnaportflio.vercel.app/)]\n\n💻 GitHub: [[https://github.com/chetnaravish](https://github.com/chetnaravish)]\n\n💼 LinkedIn: [[www.linkedin.com/in/chetnaravish](http://www.linkedin.com/in/chetnaravish)]\n\n📺 YouTube: [@chetnacreativecore](https://www.youtube.com/@chetnacreativecore)", "url": "https://wpnews.pro/news/i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened", "canonical_source": "https://dev.to/chetna_ravish_/i-asked-my-school-chatbot-who-the-prime-minister-is-heres-what-happened-4lg", "published_at": "2026-10-08 16:43:18+00:00", "updated_at": "2026-10-08 16:49:32.620887+00:00", "lang": "en", "topics": ["ai-products", "ai-tools", "natural-language-processing"], "entities": ["Chetna", "MDN Global School", "Kaithal", "Vercel", "Haryana", "GitHub"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened", "markdown": "https://wpnews.pro/news/i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened.md", "text": "https://wpnews.pro/news/i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened.txt", "jsonld": "https://wpnews.pro/news/i-asked-my-school-chatbot-who-the-prime-minister-is-here-s-what-happened.jsonld"}}