Back to directory

Gemini Fullstack LangGraph Quickstart

An example fullstack application that pairs a React frontend with a LangGraph-powered research agent, showing how to build a conversational AI that generates search queries, searches the web, and answers with citations.

Gemini Fullstack LangGraph Quickstart

This project is a fullstack example combining a React frontend with a LangGraph-powered backend agent, demonstrating research-augmented conversational AI built on Google's Gemini models.

Given a user's query, the agent dynamically generates search terms, queries the web through the Google Search API, reflects on the results to identify remaining knowledge gaps, and iteratively refines its search until it can provide a well-supported answer with citations.

The frontend is built with React and Vite, and the backend is a LangGraph and FastAPI application containing the research agent's logic; both support hot-reloading during local development.

More in Tutorials

See all 478
  • BootLife

    github.com

    Conway's Game of Life implemented to run directly from a 512-byte x86 boot sector in assembly, using VGA memory itself as the simulation grid.

  • A technical blog post deriving the Y combinator as a composition of combinator birds in an array language, and examining how eager evaluation changes fixed-point recursion compared with the usual lazy telling.

  • System Design Atlas

    atlas-sysdes.vercel.app

    A free reference of worked system design problems with interactive architecture diagrams, covering ranked designs such as a feed, a chat app, a URL shortener, and a rate limiter, plus pages on the technologies behind them.