https://github.com/sofiasawczenko/aiva_virtual_assistant_ai
AI Support Assistant integrated into the browser, built using React.js and Styled Components, and connected to the Google Gemini Studio API.
https://github.com/sofiasawczenko/aiva_virtual_assistant_ai
Last synced: 4 months ago
JSON representation
AI Support Assistant integrated into the browser, built using React.js and Styled Components, and connected to the Google Gemini Studio API.
- Host: GitHub
- URL: https://github.com/sofiasawczenko/aiva_virtual_assistant_ai
- Owner: sofiasawczenko
- Created: 2024-08-27T14:13:25.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-17T23:34:00.000Z (over 1 year ago)
- Last Synced: 2025-07-06T00:07:03.568Z (12 months ago)
- Language: JavaScript
- Homepage: https://support-assistant-aiva.vercel.app
- Size: 5.35 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AIVA - Chrome Extension
Pitch Deck and Solution Design in Portuguese: https://suporteaiva.my.canva.site/assistenteaiva
AIVA (Advanced Virtual Assistant) is a Chrome extension that leverages **Artificial Intelligence** to enhance the user experience by offering personalized assistance directly in the browser. This extension connects with the **Google Gemini API** to generate responses, provide insights, and assist with tasks in real-time.
## Technologies Used
- **React.js**: A JavaScript library for building the user interface of the extension.
- **Google Gemini API**: Utilized for running the AI functionalities within the extension.
- **Axios**: Used for making HTTP requests to the Google Gemini API.
- **Styled Components**: For styling the user interface with dynamic, reusable styles.
- **Bootstrap**: For creating responsive layouts and UI components.
## Architecture
## Features
- **AI-powered Assistance**: Direct interaction with a powerful AI model through the extension.
- **Real-time Communication**: Instant responses and insights based on user queries.
- **Easy Integration**: Integrates seamlessly into the Chrome browser, offering AI assistance at the click of a button.
- **Responsive Design**: Optimized for all screen sizes, ensuring a smooth experience across devices.
## How to Install
### 1. Download or Clone the Repository
First, ensure you have the extension files locally on your machine. You can either clone the repository from GitHub or download the ZIP file and extract it:
```bash
git clone https://github.com/your-username/AIVA-chrome-extension.git
cd AIVA-chrome-extension
```
### 2. Install Dependencies
Before using the extension, make sure to install the necessary dependencies. This project requires Node.js and Axios. To install the dependencies, run:
```bash
npm install
```
### 3. Build the Project
You will need to bundle the project into a format that Chrome can use. Depending on your setup, you can use a bundler like webpack to create the necessary build files. If you've already set up the project for production, you should have the build folder ready to go.
```bash
npm run build
```
### 4. Enable Developer Mode in Chrome
To load the extension into your Chrome browser, you need to enable Developer Mode:
- Open Google Chrome.
- Go to the Extensions page by clicking the three dots menu at the top-right corner of Chrome and selecting More tools > Extensions.
- On the Extensions page, enable Developer mode in the top-right corner.
-
### 5. Load the Extension Locally
Once Developer Mode is enabled, you can load the extension directly from your local files:
- On the Extensions page, click on the Load unpacked button.
- Select the build folder from your project directory (or the directory containing the extension files).
- The extension should now appear in your Chrome extensions list.
-
### 6. Interact with AIVA
Now that AIVA is loaded into Chrome, you should see the extension icon in the top-right corner of your browser.
- Click on the AIVA icon to open the AI-powered assistant.
- Enter your queries or tasks, and AIVA will respond in real-time using the Google Gemini API.