Unity Arena
A dynamic, responsive public-facing landing page for the sports club, showcasing live stats, tournaments, teams, and news.
⏳ Timeline
1 month
👤 Client
Personal Project
📂 Category
Frontend / Web Development
📖 Project Overview
This landing page provides fans and visitors with an interactive, fast-loading experience to follow tournaments, view team and player profiles, check live scores, and read news updates. Built with Next.js, Tailwind CSS, and Aceternity UI, it leverages React Query for efficient data fetching and state management, ensuring real-time updates and smooth UX.
✨ Key Features
- ✔ Dynamic display of tournaments, matches, and upcoming events
- ✔ Team and player profiles with relevant stats
- ✔ News/blog highlights and announcements
- ✔ Live scores and standings using React Query for real-time data fetching
- ✔ Responsive and polished UI using Tailwind CSS and Aceternity UI components
- ✔ Performance optimization with lazy loading and code splitting
🛠 Technologies Used
Frontend
State Management
Build Tools
Deployment
🧩 Challenges & Solutions
Fetching and displaying live data efficiently using React Query
Ensuring seamless performance and fast page loads
Designing a responsive and engaging UI for mobile and desktop
Integrating Aceternity UI components consistently with Tailwind CSS
📚 Growth & Learning
Advanced data fetching and caching with React Query
Building responsive landing pages with Next.js and Tailwind CSS
Integrating pre-built UI component libraries (Aceternity UI) into custom design
Performance optimization techniques for modern frontend apps
Creating engaging, user-friendly public-facing interfaces