0xabdulkhalid / pixelhunt

Inspired by "Where's Wally", Discover hidden charecters and claim your spot at the top!

❝ An engaging, full-stack hidden object game inspired by "Where's Wally", featuring a dynamic React + Tailwind frontend, and a robust Express + Mongoose backend. ❞

❯   View Demo  ·  Report Bug  ·  Request Feature   ❮

Game Manual

1. Head to the live site on any device using your browser.

2. Select a Game:

   • On the homepage, browse the available game options.
   • Click on a game to select a gameboard (Waldo image).

3. Start the Game:

   • After selecting a game, you will be taken to the /gameboard page.
   • The gameboard page will show you the list of objects/characters you need to find.
   • Once you are ready, click the Start button to begin the game.

4. Play the Game:

   • The timer will start counting as soon as you hit the Start button.
   • Tap on the characters/objects in the image to mark your selections.
   • An anchor will appear at your selected spot. Choose the object you think you found.
   • If your selection is correct, a green marker will be placed. If it's incorrect, a red marker will appear.

5. Finish the Game:

   • Continue finding all the hidden characters/objects as listed.
   • The game ends once you have found all the required characters/objects.
   • A form will prompt you to enter your name and show your completion time.
   • Enter your name and hit Submit to record your score.

6. View the Leaderboard:

   • Navigate to the Leaderboard page to see how you rank among other players.
   • Use the arrow keys on the top left and top right to switch between leaderboards for different games.
   • Scores are ranked based on the fastest completion times.

7. Enjoy playing PixelHunt and good luck finding all the hidden characters!

Tech Stack

     

     

Tools Used

        

           

Let's Connect 👋