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 -
Technologies
- React
- Tailwind CSS
- Netifly Hosting
Links
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