Chatbot Tutor

• 

  Homepage

• 

  Login page

• 

  ChatBot Interface

Inspiration

We noticed that students often waste time searching for answers across multiple platforms or waiting for help. With the rise of AI models like Google's Gemini, we saw an opportunity to build an instant, intelligent solution that could understand both text and images — just like how students naturally ask questions. That’s how Chatbot Tutor was born — a tool to make learning faster, smarter, and more accessible.

What it does

Chatbot Tutor is an AI-powered chatbot designed to assist students by:

Answering text-based academic questions

Solving image-based queries (e.g., handwritten math problems or textbook snapshots)

Providing instant responses using the Gemini API

Allowing secure login and session management with Firebase Authentication It's ideal for students, teachers, or self-learners needing quick, accurate answers.

How we built it

Frontend: HTML, CSS, JavaScript for a clean, responsive UI

Backend/API: Integrated Google’s Gemini 1.5 Flash API for powerful AI responses

Firebase Authentication: For secure login and session control

Firebase Firestore (optional): To save user queries or feedback

Image-to-text handled through image input preprocessing before sending to Gemini

Challenges we ran into

Integrating image-based questions in a meaningful way

Handling Gemini’s input/output formatting

Firebase domain issues during authentication setup

Ensuring responsive design across devices

Managing API limits and error handling gracefully

Accomplishments that we're proud of

Successfully built a chatbot that understands both text and images

Fully integrated secure authentication system

Delivered an intuitive, real-time educational assistant

Learned and implemented the latest Gemini API capabilities

What we learned

Working with Google’s Gemini AI platform

Deep understanding of Firebase Authentication workflows

Frontend-backend integration for a real-time chat experience

Managing asynchronous API calls and error states efficiently

Importance of user-friendly design for educational tools

What's next for Chatbot Tutor

Add chat history & bookmarking for previous questions

Introduce voice-based queries and responses

Expand support for multiple subjects and languages

Integrate student feedback & rating system for improving responses

Deploy as a mobile app for broader accessibility

Built With

• css
• desktop
• firebase
• firebaseauthentication
• firestore
• geminiapi
• html
• javascript
• mobile
• or-chat-history-platforms-web-based-application-(works-on-desktop-and-mobile-browsers)-`-deployed-on:-[e.g.
• queries
• sdk
• vercel