Angular Chatbot

An Angular chatbot application with Azure OpenAI integration.

🚀 Live Demo

Frontend: https://wonderful-smoke-02316ae03.3.azurestaticapps.net

Backend API: https://chatbot-rqglpxei5msos-backend.azurewebsites.net

🛠️ Technology Stack

• Frontend: Angular 19 with Server-Side Rendering (SSR)
• Backend: Node.js Express server
• AI: Azure OpenAI (GPT-4o)
• Infrastructure: Azure App Service & Static Web Apps
• IaC: Bicep

📦 Local Development

Prerequisites

• Node.js 22+
• Azure CLI
• Just command runner

Setup

1. Clone the repository

2. Deploy infrastructure:

   just deploy-all

3. Start local development:

   # Backend
   just backend-start
   
   # Frontend (in another terminal)
   just frontend-start

🚢 Deployment

Local Deployment

# Deploy all
just deploy-all

# Or deploy individually
just deploy-infra
just deploy-backend
just deploy-frontend

GitHub Actions

Automatic deployment on push to main branch:

• Backend deploys on changes to backend/**
• Frontend deploys on changes to frontend/**

See .github/SETUP.md for configuration.

🧪 Testing

# Test local services
just test-backend
just test-openai

# Test deployed services
just test-backend-deployed
just test-frontend-deployed

📋 Available Commands

Run just to see all available commands.

🗂️ Project Structure

├── backend/          # Express API server
├── frontend/         # Angular application
├── infra/           # Bicep infrastructure templates
│   └── scripts/     # Deployment scripts
└── .github/
    └── workflows/   # GitHub Actions

📄 License

MIT