Fei Xiong - Personal Website

A modern, responsive personal website showcasing my background, experience, projects, and skills. Built with HTML, CSS, and JavaScript.

🌟 Features

• Modern Design: Clean, professional layout with smooth animations
• Responsive: Fully responsive design that works on all devices
• Interactive: Smooth scrolling, hover effects, and mobile navigation
• Professional: Showcases education, work experience, projects, and skills
• Research Focus: Highlights current research internship under Prof. Chenyu You

📋 Sections

1. Hero Section: Introduction with call-to-action buttons
2. About: Personal background and key statistics
3. Education: Academic background (CMU & NYU)
4. Experience: Work history including current research position
5. Projects: Portfolio of technical projects
6. Skills: Technical skills organized by category
7. Contact: Contact information and direct action buttons

🚀 Getting Started

Prerequisites

• A GitHub account
• Basic knowledge of Git (optional, for customization)

Installation

1. Clone or Download: Download the files to your local machine
2. Customize: Edit the HTML file to update your information
3. Deploy: Push to GitHub and enable GitHub Pages

Local Development

To run the website locally:

1. Download all files to a folder
2. Open index.html in your web browser
3. Or use a local server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx serve .

🎨 Customization

Personal Information

Edit index.html to update:

• Name and title
• Contact information
• Education details
• Work experience
• Project descriptions
• Skills and technologies

Styling

Modify styles.css to customize:

• Color scheme
• Typography
• Layout spacing
• Animations
• Responsive breakpoints

Functionality

Update script.js to add:

• Additional animations
• Form handling
• Analytics tracking
• Custom interactions

🌐 Deployment

GitHub Pages (Recommended)

1. Create Repository: Create a new GitHub repository
2. Upload Files: Push all website files to the repository
3. Enable Pages:
   • Go to repository Settings
   • Navigate to Pages section
   • Select source branch (usually main)
   • Save to enable GitHub Pages

Alternative Hosting

• Netlify: Drag and drop the folder to deploy
• Vercel: Connect your GitHub repository
• Traditional Hosting: Upload files via FTP

📱 Responsive Design

The website is fully responsive and optimized for:

• Desktop (1200px+)
• Tablet (768px - 1199px)
• Mobile (320px - 767px)

🎯 Key Features

Navigation

• Fixed navigation bar with smooth scrolling
• Mobile hamburger menu
• Active section highlighting

Animations

• Scroll-triggered fade-in animations
• Hover effects on cards and buttons
• Smooth transitions throughout

Performance

• Optimized CSS and JavaScript
• Fast loading times
• SEO-friendly structure

🔧 Technical Stack

• HTML5: Semantic markup
• CSS3: Modern styling with Flexbox and Grid
• JavaScript: Vanilla JS for interactivity
• Font Awesome: Icons
• Google Fonts: Inter font family

📞 Contact Information

• Name: Fei Xiong
• Location: Pittsburgh, PA
• Phone: 631-568-2082
• Email: [email protected]
• Current Position: Research Intern under Chenyu You

🎓 Education

• Carnegie Mellon University: M.S. in Information Networking - Completed Dec 2024
• New York University: B.S. in Computer Science

💼 Current Position

Research Intern under Chenyu You at Stony Brook University, contributing to cutting-edge research in machine learning and computer vision applications.

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Feel free to fork this project and customize it for your own use. If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

---

Note: This website is designed to be a professional portfolio showcasing technical skills and experience. Make sure to keep the content updated with your latest achievements and projects.