- This website is designed to help soccer/football fans to track the live scores/past scores and standing of teams of their favourite leagues.
- This project was completed based on the JavaScript Web API concepts, as well as utilizing third-party framework to efficiently perform the operations (Moment.js, Foundation).
- This project also links to the server-side apis from https://apifootball.com/ && http://worldtimeapi.org/ to extract up-to-date football games information and timezones of the world.
- We have learned the ways to fetch server-side apis in order to extract external databases && manipulated the styles/animations of the webpage to make it more interactive.
- HTML
- CSS
- Foundation
- JavaScipt
- JavaScript APIs
Windows Users:
- Open Gitbash, navigate towards your project location from your root by using "cd ./ project location"
- Choose a clone option from the "Team13_Project1" repository (either HTTPS or SSH should work)
- In Gitbash, type "git clone HTTPS or SSH"
- Once the clone is successful, you are ready to go!
MacOS Users: Coming Soon!
-
Homepage: View the current timezones of your own location && the timezones of the availible leagues.
-
Past Scores Page: Select one of your favourite leagues && click the image button and view the live scores of the day.
-
Live Scores Page: Select one of your favourite leagues and a preferred date range && click the image button and view the past scores of the date range.
-
Standings Page: Click one of the availible country flags to save your favourite leagues! Click the league saved to show the team standings.
This site can be optimized by including a larger list of leagues (i.e. World Cup, Euro Cup).