A fast-paced, fruit-grabbing platformer designed and built solo in 3 days — focused on intuitive interaction, minimal distraction, and lightweight challenge.
Grab Fruits! is a self-initiated browser game created as a capstone project at Microverse, using Phaser 3 and vanilla JS.
It was my first experiment in game UX, built to explore how simple mechanics and visual feedback can drive engagement and learning flow.
- Created a Game Design Document (GDD) before development to clarify user flow and logic
- Designed with a "learn-by-doing" flow — no tutorial needed, learning unfolds through action
- Built 3 difficulty modes with distinct speed curves to support player self-regulation
- Implemented double-jump mechanic to enhance mobility and surprise
- Clean visuals + minimal UI to reduce cognitive load and focus attention on gameplay
This project demonstrates how I apply UX thinking to code — making intuitive feedback loops, progressive challenge, and frictionless interaction part of the gameplay structure.
- 🍇 Collect fruits and dodge spiders in a classic platformer loop
- 🧠 Choose difficulty: Easy / Normal / Hard (affects speed & patterns)
- 🕹 Keyboard controls with double jump mechanic
- 🏆 Score system integrated with API to save & display top 5 players
- 📱 Deployed & playable in browser (fully responsive)
🔗 Live Demo
🔗 Game Design Document (GDD)
Yoko Saka
Frontend Developer × UX Thinker
- GitHub: yoko-vicky
- LinkedIn: Yoko Saka
- Portfolio: View My Work
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Give a ⭐️ if this inspired you!
This project is MIT licensed.