https://github.com/flibouche/api_async_deck-of-cards
The goal of this tutorial is to develop a web application that interacts with the "Deck of Cards" API.
https://github.com/flibouche/api_async_deck-of-cards
api asynchronous-javascript fetch-api javascript json
Last synced: 5 months ago
JSON representation
The goal of this tutorial is to develop a web application that interacts with the "Deck of Cards" API.
- Host: GitHub
- URL: https://github.com/flibouche/api_async_deck-of-cards
- Owner: Flibouche
- Created: 2024-05-30T07:17:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-03T07:34:36.000Z (over 1 year ago)
- Last Synced: 2025-01-28T23:30:10.697Z (10 months ago)
- Topics: api, asynchronous-javascript, fetch-api, javascript, json
- Language: JavaScript
- Homepage:
- Size: 152 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# API_Async_Deck-of-Cards
The goal of this tutorial is to develop a web application that interacts with the "Deck of Cards" API. The application allows users to shuffle, draw, and display cards from a standard deck. This project demonstrates the use of asynchronous programming in JavaScript, making API calls, and dynamically updating the DOM.
## Project Contents
- **HTML Structure**: The basic structure of the web page, including containers for buttons and card displays.
- **CSS Styling**: Styles to enhance the user interface, making the application visually appealing and responsive.
- **JavaScript**: Core functionality for interacting with the "Deck of Cards" API, including functions for shuffling the deck, drawing cards, and updating the UI dynamically.
- **API Integration**: Using the `fetch` API to make asynchronous requests to the "Deck of Cards" API, demonstrating practical use of async/await in JavaScript.
## Features
- **Shuffle Deck**: Allows users to shuffle the deck, ensuring a randomized order of cards.
- **Draw Card**: Users can draw a card from the deck, which will then be displayed on the screen.
- **Reset Deck**: Resets the deck and reshuffles it, starting fresh with a new randomized order.
## Technologies Used
- HTML, CSS and JavaScript
- Asynchronous requests to fetch the informations of the "Deck of Cards" API