An Interest In:
Web News this Week
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
- April 17, 2024
Making a Card API Project | Day 17
This a An Exercise Problem From the Colt Steele React Course
Problem Statement ->
Build an app that displays a deck of cards, one card at a time. When the page loads, send a request to https://deckofcardsapi.com/api/deck/new/shuffle to create a new deck. Store the Deck ID it gives you, so you can make further requests to retreive each card image. Add a button to your app that allows a user to draw a new card.
When a user clicks the button, send another request to the API, this time to https://deckofcardsapi.com/api/deck/${deck_id}/draw/. (make sure to use your actual deck ID). Use the data included in the response to display a new card image, and make sure to include an informative alt attribute.
Every time the user clicks, the app should display a new card until the deck is empty. Make sure to tell the user there are no cards left!
Heres how this might look (with styling added):
This app Consists of 3 Component App,Deck,Cards
Deck Component is Stateful and stores all the State and pass it to the Cards using the Props.
Solution
https://github.com/Developer-io-web/Card-api-Project
Happy Coding
Original Link: https://dev.to/developerioweb/making-a-card-api-project-day-17-2p37
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To