Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luisfernandovillalon/front-end-pokemon-photo-tag
A front-end for a 'Where's Waldo?' type game with Pokemon. Created with CSS, React.js, and API calls.
https://github.com/luisfernandovillalon/front-end-pokemon-photo-tag
api css data-structures fetch html javascript photo-tagging reactjs routes
Last synced: 11 days ago
JSON representation
A front-end for a 'Where's Waldo?' type game with Pokemon. Created with CSS, React.js, and API calls.
- Host: GitHub
- URL: https://github.com/luisfernandovillalon/front-end-pokemon-photo-tag
- Owner: LuisFernandoVillalon
- Created: 2024-04-08T16:47:58.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-08T21:06:21.000Z (10 months ago)
- Last Synced: 2024-11-17T12:19:34.302Z (2 months ago)
- Topics: api, css, data-structures, fetch, html, javascript, photo-tagging, reactjs, routes
- Language: JavaScript
- Homepage: https://wheres-that-pokemon.netlify.app
- Size: 16.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Where's That Pokemon?
Project: Where's That Pokemon - (Photo Taggging Porject in [The Odin Project](https://www.theodinproject.com/))# Summary
Developed the front-end interface for a 'Where's Waldo?' style game featuring three distinct levels with unique images and Pokémon characters to locate. Implemented dynamic Pokémon assignments upon level entry, ensuring varied gameplay experiences. Incorporated a timer feature to record user completion times and track progress in locating all assigned Pokémon within each level. Integrated leaderboard functionality to save top ten user records in the database, including usernames and completion times for competitive ranking. Additionally, enabled users to view and compare top ten records for each level within the game interface.# Technologies
HTML, CSS, JavaScript, React.js, Routes, Forms, REST API, Data Structures, Arrays, Objects# Live Preview
[tmep.webm](https://github.com/LuisFernandoVillalon/front-end-pokemon-photo-tag/assets/104875261/c5500953-ec75-4a8f-a33b-ea3205b256cb)