https://github.com/nayankohli/ai-chat-bot
The AI Chat-Bot is a web application that uses Google's generative AI (gemini-1.5-flash) to evaluate user-submitted answers to technical questions. It provides real-time feedback and scores, making it a useful tool for learning programming concepts.
https://github.com/nayankohli/ai-chat-bot
ai-integration api-interaction asynchronous-operations client-server-setup frontend json-data
Last synced: 8 days ago
JSON representation
The AI Chat-Bot is a web application that uses Google's generative AI (gemini-1.5-flash) to evaluate user-submitted answers to technical questions. It provides real-time feedback and scores, making it a useful tool for learning programming concepts.
- Host: GitHub
- URL: https://github.com/nayankohli/ai-chat-bot
- Owner: nayankohli
- Created: 2024-09-29T10:24:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-09T09:28:19.000Z (over 1 year ago)
- Last Synced: 2025-07-05T19:34:30.422Z (7 months ago)
- Topics: ai-integration, api-interaction, asynchronous-operations, client-server-setup, frontend, json-data
- Language: HTML
- Homepage:
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI Chat-Bot
An AI-driven interactive chatbot that evaluates and provides real-time feedback on user-submitted answers to technical questions. This project leverages Google's generative AI model (gemini-1.5-flash) to assess answers and provide a judgement and score, enhancing the learning experience.
## Features
- **Real-time AI Evaluation**: The AI evaluates answers using the `gemini-1.5-flash` model and provides feedback in a predefined format.
- **Dynamic Question Fetching**: Questions are fetched from a JSON file (`ques.json`), and users can navigate through them.
- **Interactive UI**: A visually appealing, neumorphic design with glassmorphism effects and responsive layout.
- **Score Calculation**: After each question, the user's score is updated based on the AI's evaluation.
- **Next/Previous Navigation**: Users can move between questions and finish the test to get their total score.
## Technologies Used
- **Frontend**: HTML, CSS, JavaScript (Vanilla JS)
- **Backend**: Node.js, Express.js
- **AI Integration**: Google's `gemini-1.5-flash` generative AI model
- **UI Design**: Neumorphism and glassmorphism for a modern, sleek user interface
## Project Structure
- `ai.html`: The main HTML file containing the chatbot interface.
- `Ai.js`: Contains the JavaScript logic for fetching questions, submitting answers, and handling responses.
- `ques.json`: A JSON file containing the list of technical questions.
- `server.js`: The backend server built with Express.js to serve the files, handle submissions, and call the AI model for responses.
## Installation
1. Clone this repository:
```bash
git clone https://github.com/your-username/AI-Chat-Bot.git
```
2. Install the dependencies:
```bash
npm install
```
3. Start the server:
```bash
node server.js
```
4. Open your browser and go to `http://localhost:3001`.
## API Key Setup
- In `server.js`, replace the placeholder `API_KEY` with your own Google Generative AI API key to enable the AI-driven feedback.
## Usage
1. The user submits an answer to the displayed question.
2. The answer is sent to the backend, where it is evaluated by the AI model.
3. The AI returns a judgement and score (out of 10) based on the answer.
4. The user can navigate between questions using "Next" and "Previous" buttons.
5. At the end of the test, the total score is displayed.
## Contributing
Feel free to fork this repository and submit pull requests. Any contributions, whether bug fixes, features, or design improvements, are appreciated!
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.