averdin2 / mlb_stats

MLB_Stats Project Description

Project Introduction

Project Creator: Alex Verdin

Github: https://github.com/averdin2/MLB_Stats

This project is a self made project for educational purposes only. The project will be using data from MLB Data API located at https://appac.github.io/mlb-data-api-docs/. The goal of this project is to create a working website that allows users to go through Major League Baseball team's stats in an organized manner. This project will be developed using HTML, CSS, Bootstrap, and JavaScript. API information is in JSON format.

Currently, the stats displayed are for the 2019 season. Once the 2020 season starts, I will update this project to reflect those stats.

Project Design

There is only one main page of the project that will be displayed which will show all the information described below.

Header

• The header of the website will consist of a navbar that will remain sticky to the top of the screen after the user has scrolled down the page.
• The overall background color of the webpage will be white.
• The Navigation Bar's background will be blue and text will be white. Any tab hovered over will be red.
• There will be an MLB logo in the top left of the navbar.
• The tabs in the navbar will be: Home, 2018 Season, About, and Sports.

Teams List

• The Teams List will contain a scrollable list of all 30 MLB teams in alphabetical order by city located to the left of the overall website.
• The background of the Teams List will be white with black text. Any hovered team name will be in red.

Main Page Content

• The Main Page Content will contain the majority of the information of the page. The content here will be detailed bellow.
• The background of the Main Page Content will be white and all text will be black.

Project Pages Description

MLB Logo

• The MLB logo will link to the MLB website.

Home tab

• The main home page will display all the teams in a scrollable list on the left hand side of the webpage.
• Clicking on each team will display the team's 40 man roster as well as some select stats for each player.
• Pitchers and position players will each have their own unique table with stats pertaining to pitching and hitting respectively.
• Pitching stats displayed will be: Games played(G), Earned Run Average(ERA), Games Started(GS), Innings Pitched(IP), Wins(W), and Losses(L).
• Hitting stats displayed will be: Games Played(G), Batting Average(AVG), At Bats(AB), Runs Batted In(RBI), Homeruns(HR), and Strikeouts (SO).

2018 Season and Sports Tabs

• Both tabs will not link to any Pages.
• The sports tab is a dropdown menu with tabs for basketball, football and hockey all of which are nonfunctional.

About tab

• The about page will be a link to this page on github.

Citations

• mlb logo image from wikipedia
• all mlb team logos from https://teamcolorcodes.com