Gabe’s Guessing Game

Gabe’s Guessing Game

Crack the Code, Track Your Tries, and Keep Coming Back to a React Challenge That Hooks You!

Technical Skills

Deployment & DevOps

Git
GitHub
Netlify

Front-End Development

Bootstrap
CSS
JavaScript
React

UI/UX Design Tools

Figma

UI/UX Research & Process

Prototyping
User Personas
Wireframing

UI/UX Testing & Standards

A/B Testing
Accessibility
Design Systems
Usability Testing

Project Overview

Games should be fun, challenging, and maybe a little addictive. Gabe’s Guessing Game is my React creation—a sleek app that dares you to crack the code, with instant feedback and a try counter that keeps you hooked. Plus, it saves your progress, so you can pick up right where you left off. I crafted this to flex my React skills and prove that even a simple game can pack a punch of delight.

Core Features

  • Drop Your Guess: A sleek form—type it, hit submit, and let the fun begin.
  • Get the Scoop: Instant vibes tell you: too high, too low, or jackpot!
  • Track Your Tries: A counter that's got your back, ticking up with every guess.
  • Start Fresh: Hit reset for a new number and a clean slate—go get it!
  • Pick Up Anytime: Your game waits for you, even if you bounce mid-guess.

Technical Implementation

I built this game with React, using hooks to manage state like a pro. Local storage keeps your progress safe, so you can chase that lucky number anytime. Bootstrap provided a quick styling boost, but I added my own CSS Modules to make it uniquely mine.

Project Impact

Gabe’s Guessing Game hooks users with a fun, addictive challenge that’s more than just a game—it’s a showcase of my ability to create engaging, user-focused experiences. Its progress-saving feature and sleek design prove I can build apps that keep people coming back. This project is my reminder that even playful tech can pack a serious punch.

Key Takeaways

This game was my React playground—I leveled up with hooks and components, nailed Local Storage for seamless progress saving, and learned that clear feedback is non-negotiable. Wrestling state bugs and styling quirks made me sharper, reminding me that with faith in action, every fix is a step toward something that hooks users.

A close-up of a Ticket to Ride board game with colorful train pieces (blue, green, yellow, black, red) placed on a map, and a hand adjusting a piece.
A Ludo board game with colorful sections (red, yellow, green, blue) and matching pegs, with red pegs positioned in the starting circle.
A Ludo board game with colorful sections (red, yellow, green, blue) and matching pegs, with red pegs positioned in the starting circle.