Skip to content

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

49 Commits

Folders and files

Repository files navigation

⚾ MLB Player Statistics Dashboard

A real-time MLB statistics web application built with React and Firebase. Track game scores, standings, player rankings, and follow your favorite players all in one place.

📸 Screenshots

Dashboard

image

Favorite Page

image

Player Info Page

image

🌐 Live Demo

Access the deployed app here:
👉 https://staging.d25rr9q5twxsbp.amplifyapp.com/

✨ Features

  • Game Scores — Scoreboard updated by the MLB Stats API
  • Standings — Up-to-date division and league standings
  • Player Rankings — Leaderboards for key batting and pitching stats
  • Player Search — Search any MLB player & view their stats
  • Follow Players — Save and track your favorite players after sign-in
  • Google Sign-In — One-click authentication via Google Auth
  • News Feed — Latest MLB news and updates
  • User Authentication — Sign up / log in via Firebase Auth

🛠 Tech Stack

Category Technology
Frontend React, JavaScript, HTML, CSS
Backend / DB Firebase Firestore, Firebase Auth
API MLB Stats API
Deployment AWS Amplify

🚀 Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • npm

Installation

  1. Clone the repository

    git clone https://github.com/WanKim00/MLB-Player-Performance-Analytics.git
    cd mlb-dashboard
  2. Install dependencies

    npm install
  3. Start the development server

    npm start

    Open http://localhost:3000 to view it in your browser.

🔌 API Reference

This project uses the MLB Stats API — the official MLB data source.

🔮 Future Improvements

  • Add email/password sign-up in addition to Google login
  • Add dark mode toggle

👤 Author

Wan Kim

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages