ChatBot

A full-stack AI chatbot application that supports both text conversations and AI image generation, built with ASP.NET Core Web API and Angular 17.

---

✨ Features

• 💬 Text Chat with Context — Conversations are sent with full message history, so the AI remembers previous messages in the session.
• 🎨 Image Generation — Generate images from text prompts directly inside the chat.
• 🌙 Modern Dark UI — Clean, minimal chat interface with smooth animations and a custom design system (pure CSS, no UI framework).
• ⚡ Typing Indicator — Animated loading state while waiting for a response.
• 🔄 Mode Switching — Toggle between Text and Image modes from the same chat window.
• 🗑️ Clear Chat — Reset the conversation at any time.

---

🛠️ Tech Stack

Frontend

• Angular 17 (Standalone Components)
• TypeScript
• CSS (custom design system, no external UI libraries)

Backend

• ASP.NET Core Web API
• C#

---

📁 Project Structure

├── backend/      # ASP.NET Core Web API
└── frontend/      # Angular 17 application

---

🚀 Getting Started

Backend

cd backend
dotnet restore
dotnet run

The API will run on https://localhost:7135.

Frontend

cd frontend
npm install
ng serve

The app will run on http://localhost:4200.

---

🔑 Configuration

Update the API base URL and bearer token in:

frontend/src/environments/environment.development.ts

export const environment = {
  production: false,
  apiBaseUrl: 'https://localhost:7135/api',
  bearerToken: 'YOUR_TOKEN_HERE'
};

---

📡 API Endpoints

Endpoint	Method	Description
/api/chat	POST	Send a text conversation and receive an AI response
/api/Chat/generate/image	POST	Generate an image from a text prompt

---