Skip to content

The Football Legends App is a dynamic, React-based web application designed to celebrate the greatest football players of all time. With an intuitive interface, users can search for legendary players, explore their profiles, view detailed statistics, and learn about their official careers.

Notifications You must be signed in to change notification settings

ImrenR/FootballLegendsApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Football Legends App

Description

This project is a React-based app that showcases legendary football players. Users can search for players and view their profiles, statistics, and official careers.

##Demo

Screen.Recording.2025-02-23.at.20.50.02.mov
Screen.Recording.2025-02-23.at.20.51.48.mov
Screen.Recording.2025-02-23.at.20.53.38.mov

Features

  • Header: Displays a logo and title "Football Legends."
  • Search Bar: Allows users to search for players by name.
  • Player Cards: Displays player information including image, statistics, and official career years. Clicking on a card reveals more details.
  • Responsive Design: The app adjusts the layout based on screen size using Bootstrap’s grid system.

Installation

  1. Clone the repository.
  2. Install dependencies using pnpm install.
  3. Run the app with pnpm start.

Usage

  • On the homepage, you’ll see a list of football legends.
  • Use the search bar to find specific players by name.
  • Click on a player’s card to toggle detailed statistics.

Technologies Used

  • React
  • React-Bootstrap
  • State Management with React’s useState hook

Components

  • Header: Contains the logo and title of the app.
  • LegendCard: Displays individual player details such as their name, image, and statistics.
  • LegendContainer: Handles the search functionality and maps over filtered player data to display the cards.

Data

The player data is sourced from a local data.js file, containing player details such as name, image, statistics, profile link, and official career years.

License

This project is open-source and available under the MIT License.

About

The Football Legends App is a dynamic, React-based web application designed to celebrate the greatest football players of all time. With an intuitive interface, users can search for legendary players, explore their profiles, view detailed statistics, and learn about their official careers.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published