/puppy-bowl-React

Primary LanguageJavaScript

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.