Premier HUB - Soccer Score Website

A website displays score data from premier club soccer matches. data is retrieved using public fetch API

ClientCourse Project
RoleFrontend Developer
Timeline -
Premier HUB - Soccer Score Website Hero

Technologies

  • React
  • Tailwind CSS
  • Netifly Hosting

Overview

This website is created using React Js and styling from tailwindcss. The data from this website is taken from the public API of the Premier League.

The Challenge

The main challenge of this course project was that at that time I was unable to fetch APIs using clean code principles, as well as access the APIs publicly.

The Solution

The solution is to follow the guidelines and documentation from my mentor, which allows me to fetch APIs with clean code principles and also gain knowledge to find public APIs suitable for future projects.

Key Features

  • Interactive website with smooth animations
  • Soccer scoer data fetched from public API
  • Responsive design that works flawlessly on all devices
  • Dark / light mode toggle with saved preferences
  • Optimized image loading for fast page loads