FootballHub - Football Club Information Platform
Gbolahan Akande
Like this project
Posted May 26, 2025
Developed FootballHub, a platform for football club, player, and coach information using React, TypeScript, and Tailwind CSS.
Likes
1
Views
0
Timeline
May 19, 2025 - May 26, 2025
FootballHub - Football Club Information Platform
A comprehensive platform showcasing detailed information about the world's top football clubs, players, and coaches. Built with React, TypeScript, and Tailwind CSS.
Features
Club Profiles: Detailed information about top football clubs including history, achievements, and current statistics
Player Database: Comprehensive player profiles with performance statistics, career history, and analysis
Coach Insights: Detailed information about managers including tactical approaches and career achievements
Historical Timeline: 20-year history of major events and achievements for each club
Responsive Design: Fully responsive interface that works seamlessly across all devices
Tech Stack
React 18
TypeScript
Tailwind CSS
React Router DOM
Lucide React (for icons)
Vite (build tool)
Getting Started
Prerequisites
Node.js (v18 or higher)
npm or yarn
Installation
Clone the repository:
Install dependencies:
Start the development server:
Open your browser and visit
http://localhost:5173Project Structure
Components
ClubCard: Displays club overview with key statistics
PlayerCard: Shows player information and performance metrics
StatCard: Reusable component for displaying statistics
Layout: Main layout wrapper with navigation and footer
Navbar: Navigation component with search functionality
Footer: Footer component with site links and newsletter signup
Pages
Dashboard: Landing page with overview of top clubs and players
ClubDetails: Detailed club information and statistics
PlayerDetails: Comprehensive player statistics and career information
CoachDetails: Manager profiles and tactical analysis
Data Structure
The platform uses TypeScript interfaces for type safety:
Club: Club information and statisticsPlayer: Player details and performance metricsCoach: Manager information and tactical approachTrophy: Achievement recordsContributing
Fork the repository
Create your feature branch (
git checkout -b feature/AmazingFeature)Commit your changes (
git commit -m 'Add some AmazingFeature')Push to the branch (
git push origin feature/AmazingFeature)Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments
Data sourced from various football statistics providers
Stadium and player images from Pexels
Icons from Lucide React