← Back to Portfolio

Featured Project

MLB Player Search

A player search app using dynamic routes, search query params, modal stats views, and team-building logic.

ReactReact RouterAPI Integration
MLB Player Search

Case Study

01

The Problem

Create a baseball player search experience where users could search players, view results, open details, and build toward an interactive team feature.

02

My Approach

Used React Router, search query parameters, API fetching, conditional rendering, modals, and reusable state logic for player and team data.

03

Challenges

  • Persisting search results across navigation.
  • Handling missing player images.
  • Structuring TeamContext correctly.
  • Creating a clean modal experience for player details.
04

Results

  • Built a stronger understanding of React Router.
  • Created dynamic search-driven pages.
  • Improved API and state management skills.
  • Started building more interactive app features.