Gemini Web Chat

A modern web application built with Next.js that integrates Google's Gemini AI API for intelligent interactions and responses.

Features

• 🚀 Built with Next.js for optimal performance
• 💎 TypeScript for type safety
• 🎨 Styled with Tailwind CSS and shadcn/ui
• 🤖 Google Gemini AI integration
• 🔒 Middleware for request handling
• 📱 Responsive design
• 🎯 Custom hooks for state management

Prerequisites

• Node.js (18.x or later)
• PNPM package manager
• Google Gemini API key

Getting Started

1. Clone the repository:

git clone https://github.com/c-jeremy/gemini-web-chat.git
cd gemini-web-chat

2. Install dependencies:

pnpm install

3. Create a .env.local file in the root directory with your Gemini API key:

GEMINI_API_KEY=your_api_key_here

4. Run the development server:

pnpm dev

Open http://localhost:3000/secret-auth with your browser to see the result.

Project Structure

├── app/               # Next.js app directory
├── components/        # React components
├── hooks/            # Custom React hooks
├── lib/              # Utility functions and configurations
├── public/           # Static assets
├── styles/           # Global styles
└── types/            # TypeScript type definitions

Deployment

This application can be deployed on Vercel with minimal configuration:

1. Star & Fork this repo
2. Import your repository at Vercel
3. Add your environment variables in the Vercel project settings
4. Deploy!

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT license.