Project Showcase

AI-Powered Portfolio Website with Voice Interface

An interactive, modern portfolio website built with Next.js 15, TypeScript, and Vercel AI SDK. Features GPT-4-powered chatbot with speech-to-text capabilities, 12+ live machine learning demos, and a seamless user experience showcasing AI/ML engineering expertise.

View Live SiteView Code

Key Features

GPT-4 Chatbot
Intelligent AI assistant powered by OpenAI's GPT-4, providing contextual responses about projects, skills, and experience
Speech-to-Text
Voice-enabled interface allowing users to interact with the chatbot using natural speech through browser's Web Speech API
12+ ML Demos
Interactive machine learning demonstrations including housing prediction, sentiment analysis, time series forecasting, and more
Next.js 15
Built with Next.js 15 App Router, TypeScript, Server Components, and Edge Functions for optimal performance and SEO
Data Visualization
Beautiful charts and visualizations using Recharts, displaying real-time ML model predictions and analytics
Fully Responsive
Mobile-first design with Tailwind CSS, ensuring seamless experience across all devices and screen sizes

Technical Stack

Frontend
  • • Next.js 15 (App Router, Server Components)
  • • TypeScript
  • • React 18
  • • Tailwind CSS
  • • shadcn/ui Components
  • • Recharts (Data Visualization)
AI & Backend
  • • Vercel AI SDK
  • • OpenAI GPT-4
  • • Web Speech API
  • • Edge Functions
  • • Server-Side Rendering
  • • REST API Integration

Featured ML Projects

Housing Price Prediction
Neural network model with 92% accuracy
Sentiment Analysis
BERT-based NLP sentiment classification
Stock Forecasting
LSTM time series forecasting
Customer Churn Prediction
Ensemble methods with 89% accuracy
Financial Stress Index
ARIMA forecasting with economic indicators
Time Series Forecasting
Advanced forecasting techniques

Performance & Deployment

Deployment

Deployed on Vercel Edge Network with automatic CI/CD, global CDN distribution, and optimized bundle sizes

Performance

Server-side rendering for fast initial loads, edge functions for low latency, and optimized images for responsive delivery

SEO & Accessibility

Full SEO optimization with meta tags, semantic HTML, and WCAG 2.1 accessibility standards compliance

Experience the Portfolio

Explore the live site to see the AI chatbot, interactive ML demos, and modern design in action.

Visit Live SiteView Other Projects