A modern, interactive portfolio website showcasing 5+ years of full-stack software development experience. This site demonstrates expertise in frontend development, mobile solutions, and modern web technologies.
This portfolio is designed to present a comprehensive overview of my professional capabilities to potential employers and collaborators. It features:
- Interactive 3D Elements – Engaging animations and 3D models to showcase design and technical skills
- Experience Showcase – Detailed work history spanning frontend, backend, and full-stack roles
- Skills Inventory – Complete breakdown of proficiencies across frontend frameworks, backend technologies, mobile development, and DevOps
- Project Portfolio – Curated collection of successful projects demonstrating real-world impact
- Contact & Social Links – Easy outreach through GitHub, LinkedIn, and contact form
Hong Ming – Software Engineer from Malaysia
- 5+ Years of professional software development experience
- Specialization: Full-stack web and mobile development with a strong focus on frontend excellence
- Frontend Expertise: React, Next.js, Vue, Nuxt, Astro
- Mobile Development: React Native, Expo, Kotlin
- Backend & DevOps: Node.js, NestJS, Golang (hobby projects), Docker basics
- Proven Track Record: Successfully delivered multiple projects across startups and established companies
- Frameworks: React, Next.js, Vue, Nuxt, Astro
- Styling: Tailwind CSS, Material-UI, CSS
- Languages: JavaScript, TypeScript
- Animation: React Motion, Framer Motion
- State & Routing: React Router DOM, React Spring
- Three.js – 3D rendering for interactive portfolio elements
- React Three Fiber – React integration for Three.js scenes
- Drei – Useful Three.js helpers and abstractions
- Game Development: Cocos, Godot
- React Native with Expo
- Kotlin for native Android development
- Runtime: Node.js
- Framework: NestJS
- Languages: Golang
- Containerization: Docker
- Git, GitHub, GitLab
- Build Tool: Vite (for fast development and optimized production builds)
- Linting: ESLint with React plugins
src/
├── components/ # Reusable React components (Navbar, Footer, etc.)
├── pages/ # Page components (Home, About, Projects, Contact)
├── models/ # 3D models and Three.js components
├── constants/ # Configuration data (skills, experiences, projects)
├── assets/ # Static files (images, icons, 3D assets)
├── hooks/ # Custom React hooks
├── App.jsx # Main application entry
├── index.css # Global styles
└── main.jsx # React DOM render entry point
- Node.js 16+
- npm or yarn
# Clone the repository
git clone https://github.com/hongminglow/portfolio.git
cd portfolio
# Install dependencies
npm install# Start the development server with hot reload
npm run devThe app will be available at http://localhost:5173 (or the port shown in terminal).
# Create an optimized production build
npm run build
# Preview the production build locally
npm run preview# Run ESLint to check code quality
npm run lint
# Fix linting issues automatically
npm run lint:fixInteractive 3D landing page with animated models and contextual information about my background, skills, and call-to-action links.
Detailed professional background, core competencies, and timeline of career growth and learning.
Curated showcase of significant projects with descriptions, technologies used, and links to source code or live demos.
Contact form to reach out for collaborations, job opportunities, or inquiries.
- Responsive Design – Optimized for desktop, tablet, and mobile devices
- Cross-Browser Compatible – Works seamlessly across all major browsers
- Accessibility – Built with accessibility best practices in mind
- Performance Optimized – Vite ensures fast load times and efficient bundling
- Interactive 3D – Three.js-powered animations that showcase technical depth
- GitHub: hongminglow
- LinkedIn: Your LinkedIn Profile
This portfolio is open source and available for reference. Feel free to explore the code and use it as inspiration for your own portfolio!
Last Updated: October 2025