Apple Catcher – Portfolio Project


I created Apple Catcher, a lively, browser-based arcade game that brings fast-paced fun to the web. This portfolio project showcases my skills in building interactive, visually engaging games using modern JavaScript frameworks and dynamic front-end design.


Key Technologies

  • JavaScript (ES6+): Powers game logic, user interactions, and DOM manipulation.
  • Phaser: HTML5 framework for game physics, sprites, sound, and scene management.
  • HTML & CSS: Structured layout and responsive styling for the game canvas and UI.
  • Vite: Fast, modern build tool for an efficient development workflow.

Features

  • Arcade Gameplay: Catch falling apples with keyboard-controlled basket, avoid poison apples, and beat the 30-second timer.
  • Win/Lose Conditions: Catch 10+ apples to win; poison apples deduct points, and a negative score ends the game.
  • Dynamic UI: Clear start/end screens with instructions, win/lose feedback, and replay options.
  • Sound & Animations: Background music, sound effects for catches, and particle effects for polish.
  • Responsive Design: Adapts seamlessly to various screen sizes and devices.
  • Professional Touches: Includes icon attribution and a custom footer for branding.

What I Learned

Building Apple Catcher deepened my expertise in Phaser for real-time browser game development. I honed JavaScript ES6 skills, mastered game physics and audio integration, and refined responsive CSS techniques. Working with Vite streamlined my development process, enhancing efficiency.


Summary

Apple Catcher blends addictive gameplay with clean design to highlight my strengths in creative and technical front-end development. By leveraging modern JavaScript tools and engaging mechanics, this project showcases my ability to craft fun, interactive web games.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *