# Football Legends App ⚽

👉 Live Demo 👈

📌 About The Project

An interactive football legends showcase application built with React. Users can explore legendary football players, view their career statistics, and search through the database with a dynamic filtering system.

✨ Key Features

• 🔍 Dynamic search functionality
• 🎯 Interactive card flipping animations
• ⚽ Detailed player statistics
• 📊 Career information display
• 📱 Responsive grid layout
• 🎨 Clean and modern UI
• 🔄 Smooth state transitions

🛠️ Built With

• React
• React Bootstrap
• React Hooks
• CSS Modules
• CSS3

💻 Project Structure

src/
├── components/
│   ├── header/
│   │   └── Header.jsx
│   └── legends/
│       ├── LegendCard.jsx
│       └── LegendContainer.jsx
├── helper/
│   └── data.js
├── assets/
│   └── logo.png
├── styles/
│   └── App.css
└── App.js

🔍 Core Functionality

• Search System: Real-time player filtering
• Interactive Cards: Click-to-flip card interface
• Dynamic Content: Conditional rendering of player info
• Responsive Grid: Bootstrap-based responsive layout
• Component Architecture: Modular and maintainable code

🎯 Component Details

LegendCard Component

• Interactive flip animation
• Player image display
• Statistics presentation
• Career year information

LegendContainer Component

• Search functionality
• Data filtering
• Grid layout management
• Card rendering

Header Component

• Logo display
• Title presentation
• Consistent branding

📱 Responsive Design

• Bootstrap Grid System
• Mobile-first approach
• Responsive image sizing
• Flexible search bar
• Adaptive card layouts

🤝 Contributing

Contributions make the open source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

📄 License

Distributed under the MIT License. See LICENSE for more information.

📫 Contact

Caner Yesiltas - [email protected]

Project Link: https://legacy-xi-xi.vercel.app/

Made with ⚽ by Caner Yesiltas