Git Product home page Git Product logo

gemini-chat's Introduction

Gemini Chat-Bot

Gemini Chat-Bot is a full-fledged conversational bot developed using Python, HTML, CSS, JavaScript, and Flask. It leverages the power of the Google AI model called "Gemini" through its API key to provide intelligent and engaging conversations. The bot is designed to be accessible through its website and is available as an open-source project on GitHub.

Note

All the codes folders are inside src folder for the purpose of looking clean.

Features

  • Conversational Intelligence: Gemini Chat-Bot utilizes the latest Google AI model, "Gemini," to deliver advanced conversational abilities, making interactions more natural and engaging.

  • Web Interface: Access the chat-bot conveniently through its user-friendly web interface. The web application is built using HTML, CSS, JavaScript, and Flask, ensuring a seamless user experience.

  • Open Source: Gemini Chat-Bot is an open-source project, fostering collaboration and contributions from the community. Developers can explore, enhance, and customize the bot according to their requirements.

Getting Started

Prerequisites

Before running the Gemini Chat-Bot, ensure you have the following installed:

Installation

  1. Clone the repository from GitHub:

    git clone https://github.com/lokendarjangid/gemini-chat.git

  2. Navigate to the project directory:

    cd gemini-chat

  3. Set up the virtual environment (optional but recommended):

    python -m venv venv
source venv/bin/activate  # On Windows, use `venv\Scripts\activate`

  4. Install dependencies:

    pip install -r requirements.txt

  5. Install Google Cloud CLI:

    Google Cloud CLI is required to run the Gemini Chat-Bot.

  6. Configure the Gemini API key:

    Copy the API key from the Maker Suite Google and set it as an environment variable:

    replace the name of .env.example to .env and paste the API key in the .env file

  7. Run the application:

    python src/app.py

Visit http://127.0.0.1:5000 in your web browser to access the Gemini Chat-Bot.

Contributing

We welcome contributions from the community. If you would like to contribute, please follow the guidelines outlined in the CONTRIBUTING.md file.

License

This project is licensed under the MIT License.

Feel free to explore and enhance the Gemini Chat-Bot project. If you encounter any issues or have suggestions for improvement, please create an issue on GitHub. Happy coding!

gemini-chat's People

Contributors

lokendarjangid avatar erfanaalam avatar codeintrovert avatar isiddharth20 avatar osafalisayed avatar rakesh-nj avatar lavisingodiya avatar muhammadhasnain77 avatar judahnii avatar karunji8619 avatar

Stargazers

Ivan Karabeika avatar avatar avatar avatar Bruno Souza avatar

Watchers

avatar

Forkers

erfanaalam lavisingodiya isiddharth20 judahnii maurodruwel osafalisayed muhammadhasnain77 rakesh-nj karunji8619 codeintrovert

gemini-chat's Issues

responsive for every screen

web page is not responsive for every screen
for identifying issue :
change the width and height of screen using inspect mode and make it responsive for every screen.

make output in an order

when you ask anything to thing to this application, it is ordering the output on the bases of alphabets
it should be like Chatgpt output should be below the previous output .
right now it is using dictionary to store the input and output that's why automatically sorted according to alphabets.

file :

  • app.py

variable name : output_dict
in session data

update README.md

fixed #28
after moving code to src folder update the readme.md

also replace gemini chat-bot with gemini chat in this file

Enhance button hover style with cursor change and color highlight

I would like to propose adding the following CSS code to improve the visual feedback and user experience when hovering over buttons:

.button:hover {
    cursor: pointer;
    color: yellowgreen;
}

I believe this would be a positive addition to the user experience. I If it is an acceptable issue please assign it to me.

I am interested to contibute to this project further . I request you to consider me as a contributor

automatically scrolled to down

when there is a more content in output class It should be automatically scrolled to bottom for next input and output.

file :

  • index.html
  • style.css

clear session or variable when tab closed

when user closes the tab before that a function should be called clear_session

variable name is session data is output_dict in app.py file

modify the code in :

  • static/script.js

increase the width of containers

increase the width of the

  • output container
  • input container

or remove margin from container or remove the padding from body

for the mobile screen

Screenshot from 2024-01-05 22-06-13

reposition the source button

source button should be on top right corner in the website

and instead of the source button it should be github image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.