AI Chat Application

A modern, responsive chat application that allows users to interact with an AI assistant. Built with React and Node.js, this application provides a seamless and intuitive chat experience.

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

Features

• 💬 Real-time chat interface with AI
• 🎨 Modern and responsive design
• 📱 Mobile-friendly layout
• ⚡ Fast and efficient message handling
• 🎯 Smooth animations and transitions
• 🌙 Clean and intuitive user interface

Tech Stack

• Frontend:

  • React.js
  • CSS3 with modern features
  • Axios for API requests

• Backend:

  • Node.js
  • Express.js
  • GEMINI API integration

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• GEMINI API key

Installation

1. Clone the repository:

git clone https://github.com/berkaydgn/ai-chat-app.git
cd ai-chat-app

2. Install dependencies:

# Install backend dependencies
cd backend
npm install

# Install frontend dependencies
cd ../frontend
npm install

3. Create a .env file in the backend directory:

GEMINI_API_KEY=your_api_key_here
GEMINI_MODEL=gemini_model_here
GEMINI_BASE_URL=gemini_base_url_here

4. Start the application:

# Start backend server (from backend directory)
npm start

# Start frontend development server (from frontend directory)
npm start

The application will be available at http://localhost:3000

Features in Detail

Modern UI/UX

• Clean and intuitive interface
• Responsive design that works on all devices
• Smooth animations for better user experience
• Real-time message updates

Chat Features

• Instant message delivery
• Loading states and indicators
• Error handling and user feedback

Technical Features

• Gemini API integration for AI chat capabilities
• Secure API key handling
• Efficient state management
• Optimized performance