Puppy Bowl Mini-Game

🔗 GitHub Repository
🔗 API Documentation
🔗 Deployment Website

---

Summary

This project contains the codebase for a Puppy Bowl mini-game. The system allows users to add new puppy players, view all current participants, view details of individual players, and remove players from the roster. The front-end is implemented using React JavaScript, with data manipulation and API interaction for CRUD operations.

Functionality Features

• Front-end Features:
  • HTML Front-end Features A full HTML document with two blocks of divs for dynamic content rendering. One block serves as a form input for adding new Puppy Bowl players. Another block is designated to render all current Puppy Bowl participants.
  • CSS Front-end Features The form is styled to be user-friendly and visually appealing. All Puppy Bowl players are displayed on card elements with their relevant information.
• JavaScript Features
  • Use of the Document Object Model (DOM) to dynamically generate and manipulate HTML and styles.
  • Implementation of functions to encapsulate and reuse code for better maintainability.
  • Demonstration of fetch, async, and await to perform CRUD operations against a REST API.
• Functionality Features
  • Fetching and rendering all puppy players in the browser.
  • Ability to view details of a single puppy player.
  • Option to remove a puppy from the roster.
• Repository Structure
  • index.html: HTML document containing the front-end structure.
  • style.css: CSS file for styling the front-end elements.
  • script.js: JavaScript file for implementing front-end logic and API interactions.
  • README.md: This file, containing information about the project and its features.