Guess the Number Challenge

Are you up for the challenge? Play now and share your feedback!

Comment

What it does

  • Generates a random number between 1 and 100 when the "Generate" button is clicked.
  • Allows users to input their guesses and check them against the generated number.
  • Provides real-time hints indicating if the guess is too high or too low.
  • Limits players to 10 attempts to guess the correct number.
  • Displays the game result in a dedicated result box—users either win by guessing correctly or lose if all chances are exhausted.
  • Adds entertainment value with engaging GIFs and memes displayed during gameplay.

How we built it

  • HTML: Structured the game's interface, including buttons, input fields, and display sections.
  • CSS: Styled the interface for a clean and user-friendly layout.
  • JavaScript: Implemented game logic, random number generation, hint system, and attempt tracking.
  • GSAP: Added smooth animations and transitions for better visual appeal and interactivity.
  • Assets: Incorporated creative GIFs and memes to make the game more entertaining.

Challenges we ran into

  • Implementing the hint system dynamically and ensuring accuracy in feedback.
  • Managing the game logic to limit attempts and handle edge cases effectively.
  • Ensuring smooth and visually appealing animations with GSAP without affecting gameplay performance.
  • Balancing the game's difficulty level to keep it challenging yet enjoyable for all users.

Accomplishments that we're proud of

  • Successfully creating a fully functional game with an intuitive user interface.
  • Incorporating dynamic hints to guide users effectively.
  • Enhancing the user experience with animations, transitions, and fun visual elements like GIFs and memes.
  • Receiving positive feedback from users, indicating the game's entertainment value and ease of use.

What we learned

  • Strengthened understanding of JavaScript for game logic and dynamic user interaction.
  • Gained hands-on experience with GSAP for animations and transitions in web projects.
  • Improved problem-solving skills by addressing game logic challenges and optimizing performance.
  • Learned the importance of user feedback in refining and enhancing projects.

Built With

Share this project:

Updates