Select a breed

README.md

@@ -4,19 +4,68 @@ 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.
+
+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.
+    Dependencies: Favorites component - image information 
+    add an image
+
+ My approach
+- Api call in the component  - props??
+
+Background component - 
+- Pass top 5 voted breeds name and number to favorites component (left) - need help with this 
+
+
+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. Display how many "votes" each dog breed gets below the images. 
+
+- Dependencies: Favorites component - favorites component votes information 
+
+My approach
+- Api call in the component  - no props
+- create a select a breed button  - doing this today 
+- create vote button  - doing this today 
+- Add some vote information - doing this today - may need help with this 
+
+Background component - 
+- Pass top 5 voted breeds name and number to favorites component (left) - need help with this 
+
+
+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 
+    Dependencies: none
+
+
+<!-- ![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. -->