EchoAI is a React-based AI chatbot powered by Google Gemini API, built for intelligent and mood-adaptive conversations. It supports multiple custom prompt modes like tutor, poet, devil’s advocate, and more — all wrapped in a clean, user-friendly interface.
- React.js – Frontend library
- Tailwind CSS – Utility-first styling
- React Router – Client-side routing
- Google Gemini API – AI responses via
@google/genai
- 10+ AI Modes (Tutor, Poet, Devil's Advocate, etc.)
- Google Gemini Integration for natural responses
- Dynamic Prompt Cards for quick question ideas
- Session-Based Chat Persistence
- Theme-Specific Intros
- User selects a theme (like tutor or creative)
- Prompt cards appear with quick questions
- User sends a message or clicks a card
- Message is passed to Google Gemini via custom prompt template
- AI responds and conversation continues — all stored in sessionStorage
- Clone this repository.
- Run
npm installto install dependencies. - Create a
.envfile in the root directory. - Inside
.env, add your Google Gemini API key like this:VITE_GEMINI_API_KEY=your_api_key_here - Start the app using
npm run dev.