← Back

Work16

AI Chatbot

An AI chatbot that answers questions about me and my background, responding through Google Gemini as if I'm the one replying.

Role
Fullstack
Built for
Personal
Status
active
Stack
Next.js, React, TypeScript, Google Gemini API, Tailwind CSS
Fig. 01

The project

An AI-powered chatbot that lets visitors ask questions about me directly and get answers as if I'm the one replying.

Key features:

  • Uses Google Gemini (via @google/genai) to generate responses based on a structured resume/knowledge JSON file
  • Custom system prompt makes the AI speak in first person, matching my tone and personality
  • Keeps conversation history so follow-up questions stay in context
  • Renders Markdown responses (headings, code blocks, lists) with syntax highlighting
  • Suggested message shortcuts to help users start a conversation quickly
  • Mobile-friendly layout that adjusts for on-screen keyboard height
  • Built with shadcn/Radix UI components for a clean, simple chat interface

Next project

All work

WTG Activities Booking Platform

Work and Travel Guide GmbH (WTG) · Fullstack