Skip to content

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

Notifications You must be signed in to change notification settings

0xabdulkhaliq/pixelhunt

Repository files navigation

Pixel Hunt

❝ 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

React    TailwindCSS    NodeJS

Express JS    MongoDB    Mongoose


Tools Used

NPM   Google   Vite   Prettier

Eslint   Visual Studio Code   Git   Figma   


Let's Connect 👋

Linkedin Profile    mail/    Github Profile

About

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

Topics

Resources

Stars

Watchers

Forks