/wheres-waldo

A full-stack photo tagging web application built with React, TypeScript, React Router, styled-components, and uses Firebase to communicate with the back-end.

Primary LanguageTypeScriptMIT LicenseMIT

Where's Waldo?

A full-stack photo tagging web application built with React, TypeScript, React Router, styled-components, and uses Firebase to communicate with the back-end.

Try a live demo here! 👈

Instructions

  1. Choose between "Waldo Mode" or "Challenge Mode" difficulties.
    • When "Waldo Mode" is selected only Waldo must be found to complete a level.
    • When "Challenge Mode" is selected every character hidden on the level must be found to complete it.
  2. Select a level from either the home page or drop down in the navigation bar at the top.
  3. Find all of the hidden characters on the selected level.
  4. Click on the timer to pause the game and click anywhere in the game area to unpause.
  5. If you find everyone, submit a username to save your score.

Getting Started

Instructions to run the project locally are below.

  1. Clone the repository:
# HTTPS
git clone https://github.com/DevlinRocha/wheres-waldo.git

# or

# SSH
git clone git@github.com:DevlinRocha/wheres-waldo.git
  1. Go into the directory and install modules:
cd wheres-waldo/

npm install

# or

yarn install
  1. Run the development server:
npm run dev

# or

yarn dev
  1. Open http://localhost:3000 with your browser.

Development