BRAVO Website

Tech Stack

Role

Product Design, UI/UX, Frontend Development

Team Size

3

Duration

March 2023 - December 2023

Project Overview

This is a football data analysis platform built with Next.js, providing match data visualization, match predictions, and other features. With internationalization and light/dark theme switching, it provides users with a comprehensive football match data analysis experience.

Highlights

• Server-side rendering architecture based on Next.js
• Complex football data visualization implemented with ECharts
• Multi-language internationalization support
• Responsive design adapted for mobile and desktop
• Light/dark theme switching functionality
• World Cup match prediction and data analysis

Challenges

• Compatibility issues using client-side libraries (like ECharts) in server-side rendering (SSR) environment
• Handling complex football match data structures and real-time updates
• Ensuring consistent experience across different devices and browsers
• Optimizing loading performance for large amounts of data

Solutions

• Used dynamic imports and NoSSR components to solve SSR issues with client-side libraries
• Designed modular component architecture to improve code reusability
• Adopted Tailwind CSS for responsive design implementation
• Used client-side data caching to optimize performance