🚀 AI Chat App

A modern, responsive AI chat application with stunning animations and a sleek UI

Features • Tech Stack • Implementation • Getting Started • Contributing • Contact

🌟 Introduction

Intel Ai is a cutting-edge conversational AI platform that combines the power of modern AI models with a beautiful, responsive user interface. The application features smooth animations, a dark-themed design, and a comprehensive set of features including authentication, real-time chat, and image analysis capabilities.

✨ Features

🤖 Advanced AI Chat

Engage in natural conversations with a state-of-the-art AI assistant

🔒 Secure Authentication

Complete authentication flow with sign-up, sign-in, and password recovery

🌓 Dark Mode

Sleek dark-themed UI for comfortable viewing in any environment

📱 Responsive Design

Fully responsive layout that works beautifully on desktop, tablet, and mobile

🖼️ Image Analysis

Upload and analyze images with AI-powered insights

✨ Smooth Animations

Beautiful GSAP-powered animations and transitions throughout the app

👤 User Profiles

Customizable user profiles with settings and preferences

📊 Chat History

Access and manage your conversation history

🛠️ Tech Stack

🔍 Implementation

The Intel Ai includes the following key implementations:

🔐 Authentication System

• Complete sign-up and sign-in flows
• Email verification process
• Password reset functionality
• Form validation and error handling
• Secure authentication state management

💬 Chat Interface

• Real-time chat with AI assistant
• Message history and conversation context
• Support for text and image inputs
• Typing indicators and loading states
• Chat history management

🎨 UI/UX Features

• GSAP-powered animations and transitions
• Responsive sidebar navigation
• Dark theme with custom color palette
• Loading screens and transitions between pages
• Custom animated components (Cosmic Loader, etc.)

📱 Responsive Design

• Adaptive layouts for different screen sizes
• Touch-friendly interface elements
• Optimized performance on mobile devices

🧩 Component Architecture

• Reusable UI components
• Server and client components separation
• Custom hooks for shared functionality
• Proper state management

🚀 Getting Started

Follow these steps to set up the project locally:

Prerequisites

• Node.js 18.x or later
• npm or yarn
• Git

Installation

1. Clone the repository:

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

2. Install dependencies:

npm install
# or
yarn install

3. Set up environment variables: Create a .env.local file in the root directory with the following variables:

NEXT_PUBLIC_API_URL=your_api_url
NEXT_PUBLIC_BACKEND_URL = your_backend_url  {check backend repo link in description}
NEXT_PUBLIC_GEMINI_API_KEY = gemini_api_key
NEXT_PUBLIC_SECRET_KEY = cloudinary secret key

4. Run the development server:

npm run dev
# or
yarn dev

5. Open http://localhost:3000 in your browser to see the application.

🤝 Contributing

Contributions are welcome! Here's how you can contribute to the project:

Creating Issues

1. Go to the Issues tab on GitHub
2. Click on "New Issue"
3. Choose the appropriate issue template
4. Fill in the required information
5. Submit the issue

Solving Issues

1. Find an issue you'd like to work on
2. Comment on the issue to express your interest
3. Fork the repository
4. Create a new branch:

git checkout -b feature/your-feature-name

5. Make your changes
6. Commit your changes:

git commit -m "feat: add your feature description"

7. Push to your branch:

git push origin feature/your-feature-name

8. Create a Pull Request

Pull Request Guidelines

• Follow the Conventional Commits specification
• Ensure your code passes all tests
• Update documentation if necessary
• Add screenshots for UI changes

Current Issues

1. Navbar button animation
2. Arrow Animation in learn more button
3. Toast setup
4. Loader at every page

📞 Freelance Contact

Siser Pratap

Full Stack Developer

📧 Email Me

---

Made with ❤️ by Siser Pratap

© 2025 IntelAi. All rights reserved.