<div align="center">                                                                                                
  
  ![GitHub repo size](https://img.shields.io/github/repo-size/codeaashu/Helpmate-AI)
  ![GitHub stars](https://img.shields.io/github/stars/codeaashu/Helpmate-AI?style=social) 
  ![GitHub forks](https://img.shields.io/github/forks/codeaashu/Helpmate-AI?style=social)
[![Twitter Follow](https://img.shields.io/twitter/follow/warrior_aashuu?style=social)](https://twitter.com/intent/follow?screen_name=warrior_aashuu)

<img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="2300">
  <h1 align="center">🤖 Introducing to Helpmate AI 🤖</h1>
  <img src="./public/Helpmate-AI.png" width="100px" />
  <br><a href="https://helpmate-ai.vercel.app/"><strong>HELPMATE   AI</strong></a>
  <h4 align="center">✦ Let's take help with your AI mate! ✦</h4>
  <a href="https://ai.google.dev/competition/projects/helpmate-ai"><strong>Click here to vote our APP</strong></a></br>
  
  
  ` Helpmate is a AI ChatBot web app where you can ask any question and you will get the answer. `
<hr><img src="./public/Helpmate Mockup.png"/>

  ` Features 🌟 `
</div>

```
  🤖 Conversational AI Interface
  📝 Text Summarization
  🧩 Question Answering
  📲 Responsive Layout
  🎨 Sleek Design
  📈 Scalability and Performance
```
<div align="center"><hr>
  
` Technologies Used 💻 `

![React](https://img.shields.io/badge/react-%2320232a.svg?style=plastic&logo=react&logoColor=%2361DAFB) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=plastic&logo=tailwind-css&logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=plastic&logo=npm&logoColor=white) ![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=plastic&logo=react%20query&logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=plastic&logo=vite&logoColor=white) ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=plastic&logo=vercel&logoColor=white) ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=plastic&logo=netlify&logoColor=#00C7B7) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=plastic&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=plastic&logo=github&logoColor=white) ![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=plastic&logo=githubactions&logoColor=white) ![Postman](https://img.shields.io/badge/Postman-FF6C37?style=plastic&logo=postman&logoColor=white) <br>

 <details>
    <summary>Instructions for Testing Helpmate AI</summary>
    <a href="#"><img src="./public/technologist.png" width="150"></a> <br>

## Step 1: Open the App
Click on the provided link to access the app in your browser.
User Interface: You'll be welcomed by a clean, minimalistic interface designed for ease of use. In the text box provided, type in any question you want to ask Helpmate AI.
Click the "Generate Answer" button to submit your question.

## Step 2: Receive Answer
Helpmate AI will process your question using Google Gemini API and provide you with a comprehensive answer. The answer will be displayed as text in the response section.

## Step 3: Performance and Response Accuracy
Assess the speed and accuracy of responses provided by the app

## Step 4: Testing Edge Cases and Scenarios
### Scenario 1: Basic Questions
Ask questions that require factual information, such as:
What is the capital of France?
Who is the president of the United States?
What is the chemical symbol for gold?

### Scenario 2: Complex Questions
Ask questions that require a more comprehensive understanding, such as:
What are the ethical implications of artificial intelligence?
How can I improve my writing skills?
What is the best way to invest in cryptocurrency?

### Scenario 3: Conversational Questions
Engage in a conversation with Helpmate AI by asking follow-on questions, providing additional information, or expressing your opinions.
Example: Ask a question about the history of the internet.
Follow up with a question about the impact of the internet on society.
Share your thoughts on the future of the internet.

### Scenario 4: Versatility Across Domains
Ask questions spanning different fields such as science, technology, history, and entertainment. Suggest specific cases to challenge the app’s capabilities.<br>

`Thank you for taking the time to test Helpmate AI.`
</details><hr>

` © License ✔️ `

[![npm version](https://img.shields.io/npm/v/badge-maker.svg)](https://npmjs.org/package/badge-maker) [![npm license](https://img.shields.io/npm/l/badge-maker.svg)](https://npmjs.org/package/badge-maker) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

This project is licensed under the NPM or MIT - see the [LICENSE](LICENSE) file for details. <hr>

` Getting Started 🚀 Setup Procedure ⚙️ `

To run this web application locally, first get google gemini API key from: [api-key](https://aistudio.google.com/app/apikey)<br>

`1. Clone this repository to your local machine` <br>
`2. Open App.jsx and then open terminal` <br>
`3. Now install npm` <br>
`4. then type the command (npm run dev)` <hr>
  
`How can you contribute in this projects? 🫱🏻‍🫲🏼`

If you have a good knowledge in Tailwind CSS or React JS and want to contribute in this project just forked this repository and the improve the 𝐔𝐈 of Helpmate and then feel free to open an issue or submit a pull request. I reviewed your changes update and then merge your pull request. Please make sure to follow the existing code style and guidelines.

`Don't forget to give star this repository ⭐`


`👍🏻 All Set! 💌`

</div>
