Back to projects

Guess My Number

A simple number guessing game built while learning JavaScript and later recreated with React.

Personal

Personal

2021 - 2023

1 min read

Live site: https://alfariiizi.github.io/guess-1-20/

Repository: https://github.com/alfariiizi/guess-1-20

Guess My Number

Guess My Number

# Overview

Guess My Number is a small browser game where the player tries to guess a hidden number between 1 and 20.

# Business Context

This was not a business project. It was a learning exercise from a JavaScript course that I later revisited while learning React.

# My Role

I built the game as a personal project, first with HTML, CSS, and JavaScript, then recreated it with React and Tailwind CSS.

# Key Capabilities

  • Random secret number generation
  • Guess validation
  • Score reduction after wrong guesses
  • Game reset flow
  • Responsive UI recreation in React

# Technical Direction

The first version focused on DOM manipulation and browser fundamentals. The later version helped me practice component-based UI with React and Tailwind CSS.

# Outcome / Impact

The project helped me bridge basic JavaScript practice into React-based frontend development.

  • Screenshot placeholder: game start state
  • Screenshot placeholder: guess feedback state
  • Screenshot placeholder: winning state