https://wilgru.github.io/Group-F-Project-1-GIPHY-Guessing-Game/
A guessing game in which the user will guess the answer by typing a word in the input field which correlates with the GIFs populated (4 per round).
Once the game rounds are generated, the countup timer begins, and the user's aim will be to complete 3 rounds as quickly as possible.
On incorrect guesses, the user will be given a visual cue to reattempt the answer. On completion of 3 rounds of correct guesses, the game will be over and the user will be able to save their name and time to the leaderboard. They will also be provided the option to play again.
All the rounds are generated before the game starts. For each round being generated, a random word is selected, which is then used to get 4 random synonyms, which are then finally used to get 1 random gif each. The gifs and the original word are then stored as an object and then added to an array. This process is repeated until all the questions have been generated, and once its done, will begin the game.
- Skeleton CSS Framework
- WordsAPI
- GiphyAPI
- HTML / CSS / JAVASCRIPT
-
Head to to https://wilgru.github.io/Group-F-Project-1-GIPHY-Guessing-Game/ and click on 'START GAME'.
-
Review the GIFs and type the word that best describes all 4 gifs for the round, until all 3 rounds have been cleared.
-
Save score by typing a username and clicking 'save'.
-
On the 'Scores' page, navigate home by clicking 'Home' button.
Continuous play - Looking to build capacity to continue rendering limitless rounds without predefined number of rounds to load prior to game start.
Complexity - Ability to return rounds associated with a particular theme of interest and ability to vary the number of gifs returned
Multiplayer - Ability for players to contribute to a common leaderboard and set words to return corresponding content for other players
- Link to Figma Wireframe for our APP https://www.figma.com/file/JKvK8ah0TkQyUfTk7HeRIl/Untitled?node-id=0%3A1
- WordsAPI https://www.wordsapi.com/
- Giphy API https://developers.giphy.com/docs/api
- CSS framework http:https://getskeleton.com/