Skip to content

Commit

Permalink
updated readme incl startscreen screenshot
Browse files Browse the repository at this point in the history
  • Loading branch information
jh871 committed Feb 15, 2023
1 parent 9340abc commit 8318a06
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 17 deletions.
42 changes: 25 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,28 @@

This project is a personality quiz, where you can find out your inner Pokemon.

![](questions-page.png) ![](results-page.png) ![](pdf%20certificate.png) ![](previous-results.png)

## Installation

N/A

## Usage

Wesbite link: https://eliza-an.github.io/pokepod-pokemon-quiz/

On loading the quiz in your browser, click the start button on the title page to begin. Then simply answer all nine questions and then you will be presented with your results.
On loading the quiz in your browser, click the start button on the title page to begin.
![start screen](pok%C3%A9Quiz-startscreen.png)


Then simply answer all nine questions and then you will be presented with your results.
![quiz questions page](questions-page.png)
![results page](results-page.png)


To print your certifcate, just submit your name and click the button.
![pokequiz certificate](pdf%20certificate.png)


To view previous results, click the 'previous results' button to load the modal.
![previous results](previous-results.png)



## Development

Expand All @@ -42,25 +49,26 @@ The results page uses the PokeAPI to return statistics related to the result pok


## Credits

- https://pokeapi.co/
- https://developers.giphy.com/docs/api/
- https://fungenerators.com/api/namegen/
- https://forum.freecodecamp.org/t/solved-center-btn-group-super-easy-solution/160504
- https://stackoverflow.com/questions/43044598/how-to-align-button-group-in-the-centre-html-css
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
- https://getbootstrap.com/docs/4.0/components/buttons/


links to the pokemon images used:
https://www.pngwing.com/en/search?q=pokemon Transparent Pokemon PNGs
https://www.freeiconspng.com/img/18167 Download Pokemon Png HQ Pictures
https://www.freeiconspng.com/img/18160 Get Pokemon Png Pictures
https://www.freeiconspng.com/img/18161 Render pokemon png
https://www.freeiconspng.com/img/18185 Download Pokemon Latest Version 2018
https://www.freeiconspng.com/img/18184 Png Pokemon Designs
https://www.freeiconspng.com/img/18188 Png Pokemon Download High quality
https://www.freeiconspng.com/img/24004 flareon pokemon png
https://www.pngegg.com/en/png-mokdc Snorlax Pokemon
https://www.freeiconspng.com/img/45331 Pokemon ball png
- https://www.pngwing.com/en/search?q=pokemon Transparent Pokemon PNGs
- https://www.freeiconspng.com/img/18167 Download Pokemon Png HQ Pictures
- https://www.freeiconspng.com/img/18160 Get Pokemon Png Pictures
- https://www.freeiconspng.com/img/18161 Render pokemon png
- https://www.freeiconspng.com/img/18185 Download Pokemon Latest Version 2018
- https://www.freeiconspng.com/img/18184 Png Pokemon Designs
- https://www.freeiconspng.com/img/18188 Png Pokemon Download High quality
- https://www.freeiconspng.com/img/24004 flareon pokemon png
- https://www.pngegg.com/en/png-mokdc Snorlax Pokemon
- https://www.freeiconspng.com/img/45331 Pokemon ball png


## License
Expand Down
Binary file added pokéQuiz-startscreen.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 8318a06

Please sign in to comment.