ARCADIA, a full stack Rocket League Esports website
Welcome to ARCADIA, a premier full-stack platform dedicated to the Rocket League esports scene. Created using Next.js, ARCADIA integrates the zsr.octane.gg API to deliver comprehensive and up-to-date information on Rocket League’s competitive landscape.
This project showcases my ability to develop a full-stack web application that integrates multiple technologies to create a user-friendly and informative platform. Whether you're a casual fan or a dedicated esports enthusiast, this website has everything you need to stay informed about the Rocket League competitive scene.
  1. Powerful Global Search: Quickly locate players, teams, and events with an efficient search function, each organized into dedicated sections for easy access.
  2. In-Depth Individual Pages: Explore detailed statistics and insights on players, teams, events, and matches, all presented in an intuitive format.
  3. Seamless Infinite Scrolling & Region Filters: Browse through extensive lists effortlessly with infinite scrolling and customizable filters for targeted searches.
  4. Custom UI Components: Enjoy a unique user experience with bespoke UI elements and components, designed without reliance on external libraries.
  5. Dynamic News Section: Stay informed with the latest updates and news in the Rocket League esports world, delivered through a streamlined, user-friendly interface.
  6. Custom Loading States: Experience smooth and engaging transitions with custom-designed loading states that enhance overall user interaction.
  7. User Feedback Integration: Improved the website through user interviews and feedback, ensuring the platform continually evolves to meet user needs.
GitHub Repo
Live Site
Home Page Global Search Event Pages Team Pages Player Pages Match Page part 1 Match Page part 2 Player Search Page Event Search Page