SportsNation is a sleek, modern, and responsive web application crafted for sports enthusiasts. It keeps you updated with upcoming sports events across various sports and regions, featuring a stylish dark-themed, glassmorphism-inspired UI for an immersive experience.
-
Event Listing
View curated upcoming events with key details: date, venue, league, and match importance. -
Search Functionality
Search by team, league, sport, or venue in real-time. -
Sport & Region Filters
Filter events by sports (e.g., Cricket, Football, Kabaddi) or regions (India, Global, All). -
Live Countdowns & Status
Real-time countdowns for events and animated badges for live matches. -
Responsive Design
Fully optimized for desktops, tablets, and mobile devices. -
Interactive UI
Smooth transitions, hover effects, and a modern glassmorphism header. -
Watch Links
Direct access to streaming platforms for each event.
- HTML5 – Semantic structure
- CSS3 – Flexbox, Grid, animations, and custom properties
- JavaScript – Filtering, searching, and countdown logic
- Font Awesome – Icons for UI elements
- Google Fonts – Bebas Neue (headers), Montserrat (body)
https://nicksboson.github.io/Project/index.html
git clone https://github.com/your-username/sportsnation.git
cd sportsnation
📚 Usage
Browse Events: All events load automatically with a loading animation.
Filter by Sport/Region: Click filter buttons to refine the list.
Search: Type to find events by team, venue, or league.
Countdown & Status: Stay updated with dynamic timers and live labels.
Watch Links: Click to stream the match on supported platforms.
📄 License
Licensed under the MIT License.
Issues: Submit on GitHub
Built with passion for sports and web development.