abstractdev / city-tag Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

A "Seek-And-Find" game similar to Where's Waldo made with Typescript. All images by Gus Morais.

abstractdev.github.io/city-tag/

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 101 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
citytag1.png		citytag1.png
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json

Repository files navigation

City Tag

citytag.mp4

Live Demo
A "Seek-And-Find" game similar to Where's Waldo made with Typescript. All images by Gus Morais.

How To Play

This is a timed game!
Pick a city
Find one of the 4 items/people displayed
Click on it and select the correct option from the dropdown
Find all 4 items to end the game
If your score qualifies it will be added to the leaderboard

Built With

Typescript
Styled Components
React
React Router
Firebase
GNU Image Manipulation Program

Concepts / Things I learned

Typescript basics
Styled Components basics
Animations
Using coordinates
Using dropdowns in React/click outside to close
Using timers
Creating database schemas
Using audio with Javascript
Error handling and validation

About

A "Seek-And-Find" game similar to Where's Waldo made with Typescript. All images by Gus Morais.

abstractdev.github.io/city-tag/

react firebase typescript react-router styled-components gimp animations

Report repository

Languages