Where's Wally?

Find the wally and his family among the big crowd in images
You can access it here

Content

• Features
• Stack Used
• Installation
  • Pre-requisites
  • How to install
• Contribute
• License

Features

• Choose any of the 3 image maps available to you
• Find all the listed characters in the image and complete the image
• After you complete any of the image, each time your score would be stored in the corresponding leaderboard of the image
• You will be redirected to leaderboard after completing the game

Stack Used

• React

• Typescript

• Next

• NodeJS

• PostgreSQL

• Supabase

• Tailwind

  

Installation

Pre-requisites:

• Have git installed and have your github account connected to your local system
• Live server extension on your local editor
• Have a supabase account and project with an authenticated user initialized

How to install

• Open your command line interface/Terminal and navigate to the directory you want to install the repository.
• Type the following commands -:

  git clone [email protected]:10234567Z/Family-Waldo.git
  cd Family-Waldo
  npm install
  

• Make a new file .env.local in base directory and copy the following code to that

  NEXT_PUBLIC_SUPABASE_EMAIL=<Type your autheticated user's email from supabase>
  NEXT_PUBLIC_SUPABASE_PASSWORD=<Type your above email user's password>
  NEXT_PUBLIC_SUPABASE_URL=<Your supabase URL>
  NEXT_PUBLIC_SUPABASE_ANON_KEY=<Your supabase project's Anon Key>
  

• Now type the command npm run dev in your terminal
• Type http://localhost:3000 in your local browser to run the website locally
  NOTE : Make sure another app is not running on 3000 port to run the app

Contribute

Fork the repository , have fun contributing in this project! For more information on how to contribute , Check out this link

License

This project is licensed under BSD license.