Background

Tammy Hartline

Technical Project Samples

🤖 Flow AI - Career Guidance Chatbot

A professional-grade AI-powered career guidance chatbot designed to help "unicorn" professionals—individuals with broad, interdisciplinary skills—discover fulfilling career paths. Built with modern web technologies and integrated with Anthropic's Claude AI, the application provides personalized career advice through intelligent conversational AI.

Key Features:

  • Intelligent AI Conversations: Claude 3.5 Sonnet integration with 1500-token responses for comprehensive guidance
  • Professional UI/UX: Modern, responsive design with smooth animations and accessibility compliance
  • Contextual Memory: Maintains conversation history for coherent, personalized career discussions
  • Real-time Chat Interface: Instant messaging with typing indicators and scrollable conversation history
  • Cross-Platform Compatibility: Optimized for desktop, tablet, and mobile devices

Technical Implementation:

Built with cutting-edge technologies including:

  • Frontend Architecture: Next.js 14 with App Router, React hooks for state management, Tailwind CSS for styling
  • AI Integration: Anthropic Claude API with optimized token limits and custom system prompts
  • Performance Optimization: Code splitting, font optimization, and custom scrollbar styling
  • Security: Environment variable protection, input validation, and XSS prevention
  • Deployment: Vercel hosting with automatic CI/CD and environment management

Complex Problem Solving:

Overcame significant technical challenges, including:

  • API Response Optimization: Increased token limits from 200 to 1500 for comprehensive career advice
  • Conversation Context Management: Implemented history tracking for coherent multi-turn discussions
  • Professional UI Design: Created responsive layout that eliminates excessive whitespace and looks production-ready
  • Build Optimization: Resolved ESLint compliance issues and ensured successful production deployment

Skills Demonstrated:

This project showcases expertise in:

  • Modern Web Development: Next.js, React, TypeScript, Tailwind CSS, responsive design
  • AI/ML Integration: Anthropic API, prompt engineering, conversation management
  • Full-Stack Architecture: API routes, environment management, deployment optimization
  • UI/UX Design: Professional interface design, accessibility compliance, animation systems
  • DevOps: Vercel deployment, CI/CD, environment variable management

Live Demo GitHub Repository

🤖 Try Flow AI - Interactive Career Guidance

💡 Try asking: "I'm a software engineer with 15+ programming languages, leadership experience, and love for process optimization. What career paths would suit my unicorn profile?"

💬Interactive Demo: Have a real conversation with Flow AI about your career goals!

🏆 Technical Achievements

  • AI Integration: Seamless Claude 3.5 Sonnet integration with 1500-token response optimization
  • Performance: <2 second initial load, instant chat responses, smooth animations
  • Accessibility: WCAG compliant design with proper ARIA labels and keyboard navigation
  • Responsive Design: Optimized for all screen sizes (320px-2560px) with professional layout
  • Production Ready: ESLint compliant, security hardened, deployment optimized

🎮 Lazy Eye Training Games - Interactive Vision Therapy Platform

A comprehensive web-based vision therapy platform designed to help individuals with amblyopia (lazy eye) through engaging, interactive games. The platform features dichoptic therapy modes using red-blue 3D glasses to force binocular cooperation and strengthen the weaker eye.

Key Features:

  • Multi-Game Platform: Tetris Block Training, Breakout Ball Game, and Target Tracking exercises
  • Dichoptic Vision Therapy: Color-separated displays for red-blue 3D glasses with dynamic color assignment
  • Professional Game Mechanics: Real-time collision detection, responsive controls, progressive difficulty scaling
  • Medical Application: Session timers, lives system, streak tracking, and therapeutic timing considerations
  • Accessibility Focus: High contrast modes, WCAG 2.1 AA compliant design, mobile optimization

Technical Implementation:

Built with advanced JavaScript ES6+ featuring:

  • Object-Oriented Architecture: Class-based design with modular game system and state management
  • Advanced Game Physics: Collision detection algorithms, velocity calculations, and vector mathematics
  • Performance Optimization: 60fps game loops, memory management, and efficient DOM manipulation
  • Responsive Design: CSS Grid/Flexbox layouts with mobile-first approach and cross-browser compatibility

Complex Problem Solving:

Overcame significant technical challenges including:

  • Precision Collision Detection: Implemented continuous collision detection to prevent ball pass-through during high-speed movement
  • Dynamic Boundary Management: Real-time container dimension detection for responsive game boundaries
  • Medical Color Management: Centralized dichoptic color system for therapeutic effectiveness
  • Cross-Platform Physics: Consistent game behavior across different devices and screen sizes

Skills Demonstrated:

This project showcases expertise in:

  • Frontend Development: Advanced JavaScript, CSS3 animations, HTML5 semantic markup
  • Game Development: Physics simulation, game loop architecture, input handling systems
  • Mathematical Computing: Vector mathematics, physics calculations, algorithm optimization
  • Medical Technology: Understanding of vision therapy principles and therapeutic applications
  • Performance Engineering: Frame rate optimization, memory management, efficient algorithms

Live Demo GitHub Repository

Interactive Game Platform Preview

🏆 Technical Achievements

  • Performance: Maintains 60fps on devices with >2GB RAM
  • Accessibility: WCAG 2.1 AA compliant with therapeutic color considerations
  • Browser Support: 95%+ compatibility across modern browsers
  • Mobile Responsive: Optimized for screens 320px-2560px wide
  • Load Time: <2 seconds initial load, <500ms game switching

Global Workforce Availability Application

Developed a comprehensive web application to solve communication challenges in global remote workforce management. The application allows employees to set and update their weekly availability, providing real-time insights for team coordination and reducing communication friction across different time zones.

Key Features:

  • User-friendly availability scheduling interface
  • Real-time availability tracking
  • Automated weekly reporting system
  • Secure authentication with Google Cloud
  • Data persistence with Firebase and BigQuery

Problem Statement:

Large remote and on-site global workforces face communication challenges due to:

  • Varying time zones and work schedules
  • Lack of visibility into team member availability
  • Inefficient coordination for meetings and collaborative work

Solution:

Created a centralized platform that:

  • Provides real-time visibility of team availability
  • Simplifies scheduling across time zones
  • Reduces communication overhead and improves team coordination
  • Integrates with existing calendar systems

Live Demo

Live Application Preview

Sustainability Data Visualization System

Designed and implemented a comprehensive data visualization system for Southern New Hampshire University's sustainability initiatives. The system transformed raw environmental data into actionable insights, contributing to the university achieving Silver status in sustainability rankings.

Key Features:

  • Interactive dashboards for energy consumption, waste management, and carbon footprint
  • Automated data collection and processing pipeline
  • Trend analysis and forecasting capabilities
  • Customizable reporting for different stakeholders
  • Integration with existing university systems

Technical Implementation:

Utilized Python, SQL, and Power BI to create a robust data pipeline and visualization system that:

  • Consolidated data from multiple sources into a unified database
  • Implemented data cleaning and transformation processes
  • Created intuitive visualizations for technical and non-technical users
  • Enabled data-driven decision making for sustainability initiatives