Lance Hebert - Software Engineer Portfolio

A modern, responsive portfolio website showcasing full-stack development skills with React, Ruby on Rails, and AI integration.

🚀 Features

• Interactive Jukebox Carousel - Dynamic project showcase with layered stacking effects
• AI-Powered Chatbot - Intelligent assistant using OpenAI GPT-3.5-turbo with cost optimization
• Synthwave Aesthetic - Modern neon design with parallax scrolling effects
• Responsive Design - Optimized for all devices and screen sizes
• Performance Optimized - Production-ready with security headers and caching

🛠️ Technologies

Frontend

• React 17 - Modern component-based architecture
• Material-UI - Professional UI components and styling
• React Parallax - Smooth scrolling effects
• FontAwesome - Icon library integration

Backend & AI

• Node.js/Express - RESTful API with comprehensive security
• OpenAI GPT-3.5-turbo - Intelligent chatbot responses
• Railway - Production deployment and hosting
• Rate Limiting - API protection and cost management

Security & Performance

• Helmet.js - Security middleware and headers
• Content Security Policy - XSS and injection protection
• Input Validation - Sanitized user inputs
• Production Optimizations - Source maps disabled, compression enabled

🎯 Key Projects Showcased

• Pain Point - Physical therapy exercise tracking app
• Duelist - Character creation with stats and equipment
• Poddr - Podcast recommendation app using Spotify API
• AI Portfolio Chatbot - Intelligent visitor assistance system

🚀 Quick Start

Prerequisites

• Node.js 22+
• npm 10+

Installation

# Clone the repository
git clone https://github.com/LanceHebert/Portfolio-site.git
cd Portfolio-site

# Install dependencies
npm install

# Start development server
npm start

Production Build

# Create optimized production build
npm run build:prod

# Run security audit
npm run security-check

# Performance analysis
npm run lighthouse

🔧 Available Scripts

• npm start - Development server with hot reload
• npm run build:prod - Production build with optimizations
• npm run test - Run test suite
• npm run audit - Security vulnerability check
• npm run lighthouse - Performance analysis

🌐 Deployment

The site is automatically deployed to Netlify with:

• Branch: master
• Build Command: npm run build:prod
• Publish Directory: build/

🔒 Security Features

• Comprehensive Content Security Policy
• XSS protection and clickjacking prevention
• Rate limiting and input validation
• Secure external link handling
• Environment variable protection

📱 Responsive Design

Optimized for:

• Desktop - Full feature experience
• Tablet - Adaptive layout and touch interactions
• Mobile - Streamlined navigation and performance

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is private and proprietary. All rights reserved.

📞 Contact

• LinkedIn: Lance Hebert
• GitHub: @LanceHebert
• Email: LSUHEBERT@gmail.com

---

Built with ❤️ using React, Node.js, and modern web technologies