Puppy Bowl

Puppy Bowl is an engaging web application that allows users to register their puppies for a virtual "Puppy Bowl" event. Built with vanilla JavaScript, HTML, and CSS, the application demonstrates fundamental web development concepts including RESTful API integration, DOM manipulation, and responsive design. Users can add new puppy players with details like name, breed, status (field or bench), and image URLs through an intuitive form interface. The application features a comprehensive player management system with full CRUD (Create, Read, Update, Delete) operations. Each puppy is displayed in a visually appealing card format with stadium-themed backgrounds, showcasing their information along with interactive buttons for viewing detailed information or removing them from the roster. The project utilizes the FSA Puppy Bowl API for backend data persistence, implementing async/await patterns for all API calls and maintaining application state management through JavaScript. Technical highlights include custom-styled player cards with CSS gradients and background images, form validation and real-time input tracking, Jest testing setup for ensuring code reliability, and a responsive grid layout that adapts to different screen sizes. The application serves as an excellent demonstration of front-end development fundamentals while providing an entertaining and interactive user experience.

This project was built using modern web technologies and best practices to ensure optimal performance, maintainability, and user experience.