yousef_7abib

Just shipped a Doodle Jump clone using vanilla JavaScript and HTML5 Canvas! The game features gravity-based physics, collision detection, and auto-scrolling platforms. I learned a lot about game loops, sprite animation, and handling player physics. The trickiest part was getting the platform scrolling to feel smooth when the player jumps higher. Planning to add moving platforms and power-ups next!

I created a fully playable Pac-Man clone with smooth movement controls, ghosts, collision detection, and a scoring system. The game runs at 20 FPS on a 21x19 tile grid with classic gameplay mechanics.
What I learned:

Implemented direction buffering to fix choppy movement when changing directions mid-game
Fixed a tricky bug with ghosts.values() vs ghosts.values that broke ghost reset functionality
Built AABB collision detection from scratch for precise hit detection

Built a Memory Card Game using HTML, CSS, and JavaScript!

The game features card matching, wrong tries counter, win detection, and responsive design. Players flip cards to find matching pairs of technology logos.

Learned a lot about DOM manipulation, CSS animations, and game logic implementation. Really proud of how smooth the card flip animations turned out!

I made a Flappy Bird–style game using HTML, CSS, and JavaScript.
The game works by having a bird that constantly falls due to gravity, and the player clicks to make it jump through gaps in obstacles.
I learned how to create interactive web projects, manipulate elements with JavaScript, and combine animations and logic to make a simple game.
Through this project, I improved my understanding of web development and how to make web pages respond to user actions.