Gemini UI Quickstart

This project provides a small React frontend that communicates with an external API. The API accepts a JSON payload of chat messages and returns a JSON object with a response field that is shown to the user.

Features

• ✨ Simple React interface.
• 🔄 Hot-reloading during development using Vite.

Project Structure

The project contains two directories:

• frontend/: The React application built with Vite.
• backend/: An Express server that forwards chat requests to an external API.

Getting Started: Development and Local Testing

Follow these steps to get the application running locally for development and testing.

1. Prerequisites:

• Node.js and npm (or yarn/pnpm)

2. Install Dependencies:

cd frontend
npm install

cd ../backend
npm install

3. Run the Development Servers:

Open two terminals and run the backend and frontend:

# Terminal 1
npm start --prefix backend

# Terminal 2
make dev

Open your browser and navigate to http://localhost:5173.

Deployment

The frontend can be built with Vite and served from any static web server:

cd frontend
npm run build

The optimized output will be in frontend/dist/.

Technologies Used

• React (with Vite) - For the frontend user interface.
• Tailwind CSS - For styling.
• Shadcn UI - For components.
• Google Gemini - LLM for query generation, reflection, and answer synthesis.

License

This project is licensed under the Apache License 2.0. See the LICENSE file for details.