Google Gemini with Custom Prompts / Web App

Enhancing User Interaction with Gemini Language Model

🖥️Live Demo

An HTML-based web app designed to enhance user interaction with language models using custom prompts. Suitable for static web page servers such as GitHub Pages, the app operates without Python or active server dependencies.

Overview 📝

This project is an HTML-based Gemini Google web app designed to facilitate interaction with language models using custom prompts. It operates without Python or active server dependencies, suitable for deployment on static web page servers such as GitHub Pages. The app allows users to control model temperature, offers four customizable prompts, and saves custom prompts in client cookies for seamless use.

Features 🚀

• Model Temperature Control: Fine-tune response characteristics.
• Customizable Prompts: Four prompts for tailored interactions.
• Client-Side Storage: Custom prompts saved in client cookies, enabling import and export of custom prompts.
• Static Deployment: Easy deployment on any static web page server like GitHub Pages.
• HTML-Based: Ensuring compatibility and simplicity for static web page servers.

Technology Stack 🛠️

• HTML: Core structure of the web app.
• JavaScript: Manages client-side functionalities and interactions.
• Bootstrap: Ensures a responsive and visually appealing UI.

Getting Started 🚀

Usage - 1

1. Open the web app: https://bit.ly/CustGemini
2. Add your API key.
3. Fill in the prompts and select prompt if required.
4. Ask questions to the Gemini LLM.

Usage - 2

1. Fork the repository.
2. On GitHub, go to: Settings > Pages.
3. In Build and Deploy, select the main branch and set the directory to root, then save.
4. This will deploy your site at:

   https://{username}.github.io/google-gemini-custom-prompts-webapp-LLM-p/
   

Usage - 3

1. Clone the repository:

   git clone https://github.com/siddharthsky/google-gemini-custom-prompts-webapp-LLM-p.git
   

2. Open index.html in your web browser.

API Keys

Note

To use the web app, add your API key in the API tab.

Your API key is securely stored in your local browser's cookie and is never transmitted to the cloud.

Contributing 🤝

Contributions are welcome! Whether it's feedback, suggestions, or improvements, your input is appreciated.

License 📜

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Gemini API