A modern, interactive portfolio website showcasing AI-driven innovation, cloud-native architectures, and global technology leadership.

Sergio Masellis is a Vice President at JPMorgan Chase & Co. specializing in AI-driven innovation, cloud-native architectures, and global team leadership. This portfolio highlights expertise in machine learning, LangGraph, VeRL, and enterprise-scale AI solutions.

• React 18 - Modern React with hooks and functional components
• TypeScript - Type-safe development
• Parcel - Fast, zero-configuration build tool
• SCSS - Advanced styling with CSS custom properties

• ESLint - Code linting and quality
• Prettier - Code formatting
• Husky - Git hooks for code quality
• Jest - Testing framework (planned)

• Three.js - 3D graphics and animations
• Vanta.js - Animated backgrounds

• Node.js 18+ and npm

1. Clone the repository

   git clone https://github.com/yourusername/imsergio.com.git
   cd imsergio.com

2. Install dependencies

   npm install

3. Start development server

   npm start

4. Open your browser Navigate to http://localhost:1234

• npm start - Start development server
• npm run dev - Start development server with auto-open
• npm run build - Build for production
• npm run build:prod - Build for production (optimized)
• npm run lint - Run ESLint
• npm run format - Format code with Prettier
• npm run type-check - Run TypeScript type checking

imsergio.com/
├── app/
│   ├── js/           # React components (migrating to TypeScript)
│   ├── scss/         # Stylesheets
│   ├── fonts/        # Font files
│   └── img/          # Images and favicons
├── .eslintrc.js      # ESLint configuration
├── .prettierrc       # Prettier configuration
├── tsconfig.json     # TypeScript configuration
├── package.json      # Dependencies and scripts
└── README.md         # This file

• Interactive 3D Background - Dynamic Vanta.js animations
• Responsive Design - Mobile-first approach
• Modern React - Functional components with hooks
• TypeScript Support - Gradual migration in progress
• Performance Optimized - Fast loading and smooth animations
• SEO Optimized - Proper meta tags and structured data

This project is currently undergoing modernization:

• ✅ Updated dependencies and build tools
• ✅ Added TypeScript support
• ✅ Implemented ESLint and Prettier
• 🔄 Converting class components to functional components
• 🔄 Adding comprehensive testing
• 🔄 Performance optimizations

This project is licensed under the MIT License - see the LICENSE file for details.

Sergio Masellis

• Location: Prosper, Texas, United States
• Current Role: Vice President, AI-Driven Innovation & Cloud Architecture at JPMorgan Chase & Co.
• Website: imsergio.com
• LinkedIn: sergiomasellis

Built with ❤️ using React, TypeScript, and modern web technologies