Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

In progress - Chnages for saving dog photos #3

Open
wants to merge 14 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added DogBattle.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 34 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,49 @@ This repository contains the initial code for a React app about dogs. To complet

You will need to get images of dogs from the API at [https://dog.ceo/dog-api/documentation/](https://dog.ceo/dog-api/documentation/).

This repository is part of CodeYourFuture's [group projects](https://github.com/CodeYourFuture/group-projects).
This repository is part of CodeYourFuture's [group projects](https://github.com/CodeYourFuture/group-projects).


Favorites
![Screenshot of project](favorites.png)
- At the top, replace the ??? with a list of the top five dog breeds according to how many "votes" they get in the "Choose the best dog" panel.
- Allow the user to select _any_ breed in the "Select a Breed" panel by loading all the possible breeds from the API. (yes)

RandomDogs
![Screenshot of project](RandomDogs.png)
- Show a random picture of a dog in the "Random Dogs" panel.
- When the "Next Dog" button is clicked, show a new random picture of a dog.
- When the "Save Image" button is clicked, this image should be added to the Saved Photos area. (favorites component)

DogBattle
![Screenshot of project](DogBattle.png)
- Show two pictures of dogs in the "Choose the best dog" panel.
- Each picture should come from a different dog breed.
- When the user selects a "Best Dog", it should treat it like a "vote" for that dog breed. (this involve a counter?)
- (Display how many "votes") each dog breed gets below the images.

SelectABreed
![Screenshot of project](SelectABreed.png)
- In the "Select a Breed" panel, show a random picture from the breed in the select dropdown. When the user selects a new breed, show a random picture from that breed.

- When the "Show me more!" button is clicked, show another random picture from the breed in the select dropdown.
Original images


<!-- ![Screenshot of project](screenshot-1.png)
![Screenshot of project](screenshot-2.png)

![Screenshot of project](screenshot.png)

## What you need to do

- Show a random picture of a dog in the "Random Dogs" panel. When the "Next Dog" button is clicked, show a new random picture of a dog.
- When the "Save Image" button is clicked, this image should be added to the Saved Photos area.
- Show two pictures of dogs in the "Choose the best dog" panel. Each picture should come from a different dog breed. When the user selects a "Best Dog", it should treat it like a "vote" for that dog breed. Display how many "votes" each dog breed gets below the images.

- In the "Select a Breed" panel, show a random picture from the breed in the select dropdown. When the user selects a new breed, show a random picture from that breed.

- When the "Show me more!" button is clicked, show another random picture from the breed in the select dropdown.

## Stretch goals

- At the top, replace the ??? with a list of the top five dog breeds according to how many "votes" they get in the "Choose the best dog" panel.
- Allow the user to select _any_ breed in the "Select a Breed" panel by loading all the possible breeds from the API.
- Allow the user to select _any_ breed in the "Select a Breed" panel by loading all the possible breeds from the API. -->
Binary file added RandomDogs.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SelectABreed.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added anatomy_image_api_data_1.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added anatomy_image_api_data_multiple_Images.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favorites.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading