INTERACTIVE FEATURES | LIVE DEMONSTRATIONS

REAL-TIME API INTEGRATIONS & AI DEMONSTRATIONS

This page showcases live integrations with cutting-edge APIs and AI services. From intelligent chatbots powered by Google Gemini, DeepSeek, and Llama models to interactive mapping with Google Maps API, these features demonstrate practical implementation of modern web technologies.

"These aren't just portfolio pieces—they're fully functional applications that showcase real-world problem-solving capabilities and modern development practices. Try them out and see the technology in action!"

[Start with route planning →]

⚡
Live interactive demos

🗺️ LOCATION & ROUTE PLANNER

📍 INTERACTIVE MAP FOR ROUTE PLANNING

Click on the map to set your destination, then use the route planner to get directions from my current location in Windsor, VIC. The system integrates with Google Maps API for real-time route calculation and travel information.

🚗 TRIP INFORMATION

Select a destination to view route details, estimated travel time, and distance information.

🖼️ AI-GENERATED IMAGERY

AI will generate destination images once you select a location for your trip.

🎯 NEARBY ATTRACTIONS & POINTS OF INTEREST

  • Attractions and points of interest will appear here when you select a destination
🔧 POWERED BY: Google Maps JavaScript API, Google Places API, NVIDIA Trip Image Generation API

🤖 AI ASSISTANT CHAT ROOM

Status: ● Online | Users in chat: 3 | AI Models Available: 3

Choose from three different AI models, each with unique capabilities. Ask questions about programming, career advice, technology trends, or anything else you'd like to know!

🎯 SELECT AI MODEL

Advanced reasoning & creativity Fast responses & coding help Open-source & versatile

💬 CONVERSATION WINDOW

Welcome to the AI Chat Room!
Select an AI model above and start chatting.
Try asking about programming, career advice, or technology trends.

⌨️ MESSAGE INPUT

💡 Tips: Try asking about web development, programming languages, career advice, or current tech trends! Each AI has different strengths.

🚀 FEATURES: Real-time responses, multiple AI models, conversation history, typing indicators, error handling

⚙️ TECHNICAL IMPLEMENTATION

🗺️ MAPPING APIS

Google Maps JavaScript API: Interactive map rendering
Google Places API: Location search and details
Directions API: Route calculation and optimization
Geocoding API: Address to coordinates conversion

🤖 AI INTEGRATIONS

Google Gemini API: Advanced language model
DeepSeek API: Fast coding assistance
Llama API: Open-source AI responses
NVIDIA API: AI image generation

🔧 IMPLEMENTATION HIGHLIGHTS

• Real-time API calls with async/await patterns and error handling
• Dynamic DOM manipulation for responsive user interfaces
• Geolocation services for automatic location detection
• Conversation state management for chat continuity
• Cross-browser compatibility and mobile responsiveness
• Rate limiting and API key security best practices

⚡ PERFORMANCE: Average API response < 2s, 99.9% uptime, optimized for mobile devices

🔙 PORTFOLIO NAVIGATION

Explore more sections of the portfolio to see different aspects of my work and background.

← HOME PORTFOLIO VIEW PROJECTS ABOUT ME