Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

bindiego/bindiego.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

15 Commits

Repository files navigation

Bin Wu - Personal Website

A modern, tech-focused personal website showcasing software engineering expertise and projects. Built with a hacker-aesthetic design featuring terminal interactions and Matrix-inspired styling.

🌐 Website

Visit: https://bindiego.github.io

✨ Features

  • Dark Theme Design: Matrix-inspired color scheme with green/cyan accents
  • Interactive Terminal: Animated typing terminal with cycling commands
  • Responsive Layout: Optimized for desktop, tablet, and mobile devices
  • Smooth Animations: Hover effects, scaling, and glow animations
  • Performance Optimized: Lightweight, fast-loading static site

🎯 Sections

Hero Section

  • Animated name display with gradient text effects
  • Interactive terminal showcasing technical skills
  • Professional tagline and location information

Technical Expertise

  • Cloud & Infrastructure: GCP, BigQuery, Docker, Kubernetes
  • Backend Development: C, Go, Rust, Java, Python, SQL, Microservices
  • Data Engineering: Elasticsearch, Apache Beam, ETL/ELT pipelines
  • DevOps & Automation: CI/CD, Linux, Build Systems, Monitoring

Notable Projects

  • Local Services Framework: Development environment automation (16⭐, 12🍴)
  • Docker Infrastructure Images: Standardized containerization patterns
  • NYC Taxi Data Pipeline: Large-scale Elasticsearch data ingestion
  • CGMgr System Utilities: Performance-critical C++ and Java toolkit

Contact & Links

  • GitHub profile with 12+ years of contributions
  • LinkedIn professional network
  • Direct email contact

πŸ› οΈ Technology Stack

  • Frontend: Pure HTML5, CSS3, Vanilla JavaScript
  • Fonts: Fira Code (monospace), Space Grotesk (sans-serif)
  • Icons: Font Awesome 6.0
  • Analytics: Google Tag Manager integration
  • Hosting: GitHub Pages

🎨 Design Philosophy

The website embraces a hacker aesthetic with:

  • Terminal-inspired UI: Command-line interface styling
  • Matrix color palette: Deep blacks with electric green/cyan highlights
  • Monospace typography: Code-focused font choices
  • Glowing effects: Subtle neon-style shadows and borders
  • Interactive elements: Responsive hover states and animations

πŸ“± Responsive Design

The website is fully responsive with breakpoints optimized for:

  • Desktop: Full grid layouts with side-by-side content
  • Tablet: Adjusted grid columns and spacing
  • Mobile: Single-column stacked layout with touch-friendly elements

⚑ Performance Features

  • Lightweight: No heavy frameworks or libraries
  • Fast Loading: Optimized CSS and minimal JavaScript
  • CDN Resources: External fonts and icons served from CDN
  • Efficient Animations: CSS-based animations for smooth performance

πŸ”§ Local Development

  1. Clone the repository:
git clone https://github.com/bindiego/bindiego.github.io.git
cd bindiego.github.io
  1. Open in your preferred development environment or serve locally:
# Using Python
python -m http.server 8000
# Using Node.js
npx serve .
# Using PHP
php -S localhost:8000
  1. Open http://localhost:8000 in your browser

πŸ“„ File Structure

bindiego.github.io/
β”œβ”€β”€ index.html # Main website file
β”œβ”€β”€ README.md # Project documentation
└── .git/ # Git repository data

πŸš€ Deployment

The website is automatically deployed via GitHub Pages:

  1. Push changes to the master branch
  2. GitHub Pages automatically builds and deploys
  3. Changes are live at https://bindiego.github.io

🎯 Key Highlights

  • 12+ years of GitHub contributions and open-source involvement
  • Senior Software Engineer with cloud architecture expertise
  • Multi-language proficiency: Java, Python, C++, Shell, SQL
  • Enterprise experience in scalable systems development
  • Community involvement: 149 public gists and knowledge sharing

πŸ“Š Analytics

The website includes Google Tag Manager for tracking:

  • Page views and user engagement
  • Section interaction analytics
  • Performance monitoring
  • User journey analysis

🀝 Contributing

This is a personal website repository. For suggestions or improvements:

  1. Open an issue describing your suggestion
  2. Fork the repository
  3. Create a feature branch
  4. Submit a pull request with your changes

πŸ“§ Contact

πŸ“ License

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


"be cool" - Crafted with code and coffee β˜•

About

πŸš€ Personal website showcasing software engineering expertise with hacker-aesthetic design. Built with modern web technologies and AI-assisted development. Features interactive terminal, animated charts, and comprehensive programming language statistics.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /