The Problem
Create a baseball player search experience where users could search players, view results, open details, and build toward an interactive team feature.
Featured Project
MLB Player Search
A player search app using dynamic routes, search query params, modal stats views, and team-building logic. The project demonstrates frontend skills in React, React Router, and API integration, with a focus on creating an interactive experience for searching and viewing MLB player data.
ReactReact RouterAPI Integration
Case Study
My Approach
Used React Router, search query parameters, API fetching, conditional rendering, modals, and reusable state logic for player and team data.
Challenges
- Persisting search results across navigation.
- Handling missing player images.
- Structuring TeamContext correctly.
- Creating a clean modal experience for player details.
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.