{"id":22062357,"url":"https://github.com/flibouche/api_async_deck-of-cards","last_synced_at":"2026-05-14T22:40:33.416Z","repository":{"id":241858578,"uuid":"807996184","full_name":"Flibouche/API_Async_Deck-of-Cards","owner":"Flibouche","description":"The goal of this tutorial is to develop a web application that interacts with the \"Deck of Cards\" API.","archived":false,"fork":false,"pushed_at":"2024-07-03T07:34:36.000Z","size":156,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-28T23:30:10.697Z","etag":null,"topics":["api","asynchronous-javascript","fetch-api","javascript","json"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Flibouche.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-30T07:17:41.000Z","updated_at":"2024-07-03T07:35:24.000Z","dependencies_parsed_at":"2024-05-30T11:20:57.103Z","dependency_job_id":"361fd0e5-3e06-4f45-aa5f-ff09fd7087ef","html_url":"https://github.com/Flibouche/API_Async_Deck-of-Cards","commit_stats":null,"previous_names":["flibouche/api_async_deck-of-cards"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flibouche%2FAPI_Async_Deck-of-Cards","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flibouche%2FAPI_Async_Deck-of-Cards/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flibouche%2FAPI_Async_Deck-of-Cards/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flibouche%2FAPI_Async_Deck-of-Cards/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Flibouche","download_url":"https://codeload.github.com/Flibouche/API_Async_Deck-of-Cards/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245140305,"owners_count":20567352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","asynchronous-javascript","fetch-api","javascript","json"],"created_at":"2024-11-30T18:19:35.028Z","updated_at":"2026-05-14T22:40:28.383Z","avatar_url":"https://github.com/Flibouche.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# API_Async_Deck-of-Cards\n\n\u003cimg style=\"width:100%\" src=\"https://github.com/Flibouche/API_Async_Deck-of-Cards/blob/main/images/deckofcards1.png\"\u003e\n\nThe 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.\n\n## Project Contents\n- **HTML Structure**: The basic structure of the web page, including containers for buttons and card displays.\n- **CSS Styling**: Styles to enhance the user interface, making the application visually appealing and responsive.\n- **JavaScript**: Core functionality for interacting with the \"Deck of Cards\" API, including functions for shuffling the deck, drawing cards, and updating the UI dynamically.\n- **API Integration**: Using the `fetch` API to make asynchronous requests to the \"Deck of Cards\" API, demonstrating practical use of async/await in JavaScript.\n\n## Features\n- **Shuffle Deck**: Allows users to shuffle the deck, ensuring a randomized order of cards.\n- **Draw Card**: Users can draw a card from the deck, which will then be displayed on the screen.\n- **Reset Deck**: Resets the deck and reshuffles it, starting fresh with a new randomized order.\n\n## Technologies Used\n- HTML, CSS and JavaScript\n- Asynchronous requests to fetch the informations of the \"Deck of Cards\" API\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflibouche%2Fapi_async_deck-of-cards","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflibouche%2Fapi_async_deck-of-cards","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflibouche%2Fapi_async_deck-of-cards/lists"}