AI Banking Agent - Rotman Credit Union

Version 3

Description

A modern, AI-powered banking website featuring an integrated chatbot assistant and voice-to-text capabilities powered by Azure Cognitive Services and Copilot Studio.

Features

• 🤖 AI Banking Assistant (Copilot Studio integration)
• 🎤 Voice-to-Text input using Azure Speech Services
• 💳 Modern, responsive UI design
• 📱 Mobile-friendly navigation
• ✨ Smooth animations and transitions
• ♿ Accessibility features

Testing Locally

Method 1: Python HTTP Server (Recommended)

Open your terminal in the project directory and run:

python -m http.server 8000

Then open your browser to: http://localhost:8000

To stop the server, press Ctrl+C in the terminal.

Method 2: Direct Browser Open

Simply double-click index.html in File Explorer to open it directly in your browser.

Method 3: VS Code Live Server

1. Install the "Live Server" extension by Ritwick Dey
2. Right-click on index.html in VS Code
3. Select "Open with Live Server"
4. The page will open and auto-refresh on save

Project Structure

ai_banking_agent/
├── index.html          # Main HTML file
├── style.css           # Styling and animations
├── script.js           # JavaScript functionality
└── README.md           # This file

Technologies Used

• HTML5
• CSS3 (with CSS Grid & Flexbox)
• Vanilla JavaScript
• Azure Cognitive Services (Speech SDK)
• Microsoft Copilot Studio

Browser Compatibility

• Chrome/Edge (Latest)
• Firefox (Latest)
• Safari (Latest)

Notes

• Microphone permission required for voice input feature
• Internet connection required for AI assistant and speech recognition