Skip to content

All projects

API integration

Gemini Chatbot

A chat client for Google's Gemini API. Replies render as Markdown, code blocks included, and the window follows new messages.

Built with
  • React
  • Vite
  • Gemini API
  • react-markdown
Links
Live siteSource code
Screenshot of Gemini Chatbot

What I built

  • Sends the conversation to the Gemini API and keeps the history in React state.
  • Renders replies with react-markdown so lists and code blocks stay readable.
  • Scrolls to the newest message automatically while an answer comes in.