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
# 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.
# Gallery
- Screenshot placeholder: game start state
- Screenshot placeholder: guess feedback state
- Screenshot placeholder: winning state