Inspiration

Wanted to build some cool 3D web app and this opportunity seemed really great !

What it does

Shows Football analytics of 8 national teams , FIFA World Cup is undergoing , therefore national team analytics

How I built it

Used various AI tools to ideate , validate and build the app from scratch and Alone

Challenges I ran into

Adding motion and 3D effect to the football was really tough and it took lot of iterations and time to finally get it!

Accomplishments that I'm proud of

The app shows a really cool 3D ball that moves with sync to the cursor

What I learned

Building 3D websites require a lot of patience and time!

What's next for FlaotCup

I may add API's to get dynamic data

Built With

  • chart.js
  • css3-3d-graphics:-three.js-animation-engines:-gsap-(greensock-animation-platform)
  • data
  • gsap
  • html5
  • json
  • kaggle
  • languages:-javascript-(es6+)
  • scrolltrigger
  • visualization:
Share this project:

Updates