NFL Teams and Players Explorer

Explore NFL teams and their players in a detailed and interactive way. This React application, utilizing the ESPN API, provides a comprehensive platform for football enthusiasts to browse NFL teams, view detailed team profiles, and explore extensive player rosters.

Features

• Comprehensive NFL Teams List: Displays all NFL teams in an easy-to-navigate table, complete with team logos, names, locations, and abbreviations.
• Interactive Team Details: Users can click on any team to view its detailed profile, including team history, recent performances, and statistics.
• Extensive Player Rosters: Access detailed player rosters for each team, showcasing player headshots, jersey numbers, full names, positions, and performance statistics.
• Responsive Modal for Player Details: A user-friendly modal presents player details, offering a closer look at player stats and biographies.
• Live Data Fetching: Real-time data fetching from ESPN's API ensures up-to-date information on teams and players.
• Error Handling and User Feedback: Implements graceful error handling and user feedback mechanisms for a smooth browsing experience.
• Modern, Responsive Design: Utilizes Bootstrap for a modern, responsive design that adjusts seamlessly across devices.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js (v12.18 or higher)
• npm (v6.14 or higher)

Installation

1. Clone the repository:

git clone https://github.com/DaveHaymes/ReactNFLPlayerAPI.git

2. Navigate to the project directory:

cd ReactNFLPlayerAPI

3. Install dependencies:

npm install

4. Run the development server:

npm start

Access the application at http://localhost:3000.

Technology Stack

• React.js: A JavaScript library for building user interfaces.
• Bootstrap 5.3.3: For styling and responsive design.
• ESPN API: Provides live, accurate data on NFL teams and players.

API Reference

This project uses the ESPN API to fetch data about teams and players.

Versioning

For transparency and insight into our release cycle, and for striving to maintain backward compatibility, this project uses Semantic Versioning.

Authors

• David Haymes - Initial work - DaveHaymes

License

This project is licensed under the MIT License.

Acknowledgments

• Thanks to ESPN for making NFL data accessible via their API.
• This project was inspired by the vibrant community of NFL fans seeking detailed, interactive team and player information.
• Special thanks to nntrn for finding all the API endpoints for the community.