GithubHelp home page GithubHelp logo

flow2000 / geminiprochat Goto Github PK

View Code? Open in Web Editor NEW

This project forked from babaohuang/geminiprochat

0.0 0.0 0.0 578 KB

Minimal web UI for GeminiPro.

Home Page: https://geminiprochat.com

License: MIT License

Shell 3.12% JavaScript 5.13% TypeScript 60.74% CSS 5.41% Dockerfile 1.35% Astro 24.25%

geminiprochat's Introduction

GeminiProChat

English | 中文 | Italiano

Minimal web UI for Gemini Pro Chat.

Live demo: Gemini Pro Chat

image

Deploy

Deploy With Vercel(Recommended)

Deploy with Vercel

Just click the button above and follow the instructions to deploy your own copy of the app.

Note

Solution for "User location is not supported for the API use"

If you encounter the issue "User location is not supported for the API use", follow these steps to resolve it:

  1. Go to this palm-netlify-proxy repo and click "Deploy With Netlify".
  2. Once the deployment is complete, you will receive a domain name assigned by Netlify (e.g., https://xxx.netlify.app).
  3. In your Gemini Pro Chat project, set an environment variable named API_BASE_URL with the value being the domain you got from deploying the palm proxy (https://xxx.netlify.app).
  4. Redeploy your Gemini Pro Chat project to finalize the configuration. This should resolve the issue.

Thanks to antergone for providing this solution.

Deploy on Railway

Deploy on Railway

Just click the button above and follow the instructions to deploy on Railway.

Deploy on Zeabur

Deploy on Zeabur

Just click the button above and follow the instructions to deploy on Zeabur.

Deploy With Docker

To deploy with Docker, you can use the following command:

docker run --name geminiprochat \
--restart always \
-p 3000:3000 \
-itd \
-e GEMINI_API_KEY=your_api_key_here \
babaohuang/geminiprochat:latest

Please make sure to replace your_api_key_here with your own GEMINI API key.

This will start the geminiprochat service, accessible at http://localhost:3000.

Environment Variables

You can control the website through environment variables.

Name Description Required
GEMINI_API_KEY Your API Key for GEMINI. You can get it from here.
API_BASE_URL Custom base url for GEMINI API. Click here to see when to use this.
HEAD_SCRIPTS Inject analytics or other scripts before </head> of the page
PUBLIC_SECRET_KEY Secret string for the project. Use for generating signatures for API calls
SITE_PASSWORD Set password for site, support multiple password separated by comma. If not set, site will be public

Running Locally

Pre environment

  1. Node: Check that both your development environment and deployment environment are using Node v18 or later. You can use nvm to manage multiple node versions locally.

     node -v
  2. PNPM: We recommend using pnpm to manage dependencies. If you have never installed pnpm, you can install it with the following command:

     npm i -g pnpm
  3. GEMINI_API_KEY: Before running this application, you need to obtain the API key from Google. You can register the API key at https://makersuite.google.com/app/apikey.

Getting Started

  1. Install dependencies

     pnpm install
  2. Copy the .env.example file, then rename it to .env, and add your GEMINI_API_KEY to the .env file.

     GEMINI_API_KEY=AIzaSy...
  3. Run the application, the local project runs on http://localhost:3000/.

     pnpm run dev

Acknowledgements

This project is inspired by and based on the following open-source project:

  • ChatGPT-Demo - For the foundational codebase and features.

Star History

Star History Chart

Buy me a coffee

If this repo is helpful to you, buy me a coffee,thank you very much!😄

Buy Me A Coffee

geminiprochat's People

Contributors

babaohuang avatar flow2000 avatar antergone avatar stefan-ysh avatar fm7077 avatar yaosiqian avatar michaelyuhe avatar

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.