Google Gemini (AI) API has free tier; Easily setup and ran tutorial article React app using API; Wrote 2nd Trial app with user choice for model
Last updated on 9 May 2025 Quick-Info Integrating basic query to and response from Gemini AI in a React app using free tier Gemini API is easy. Live site of 2nd version of related app I wrote with user choice for model: https://testgeminiapi.netlify.app/ . Public repo: https://github.com/ravisiyer/testGeminiAPI . Live site of 1st version of related app I created (based on below mentioned article): https://geminiapitrial.netlify.app/ . Public repo: https://github.com/ravisiyer/GeminiAPITrial . The README.md file has screenshots . Related to app 1st version: Tried out this article's code and got it working on localhost: How to Integrate Gemini API with React.js: A Step-by-Step Guide., https://dev.to/tahrim_bilal/how-to-integrate-gemini-api-with-reactjs-a-step-by-step-guide-341b . Had to run 'npm i react-scripts@latest' to get past digital envelope related errors on 'npm start'. Related to app 1st version: The app UI is quite decen...