Skip to content

Repository files navigation

⚽ Blockfuse Web 3 League in React

This project simulates a live football pitch with animated ball movement, goal detection, goal animations, and sound effects using React, Lottie, and SVG. Ideal for football prediction platforms, fan engagement tools, or just fun sports-based web animations.


🚀 Features

  • 🎯 Ball and player movement on SVG-based football pitch
  • 🥅 Goal detection with goal-side logic (home/away)
  • 🎉 Goal scoring animation with Lottie
  • 🔊 Audio feedback for goals
  • ⏱️ Simulated goals every 30 seconds
  • 📱 Responsive design

🧰 Tech Stack

  • React (Vite)
  • TypeScript
  • SVG (for pitch rendering)
  • Lottie (via lottie-react)
  • React Audio
  • CSS Modules

📦 Installation

git clone https://github.com/Gosplex/blockfuse_task.git
cd blockfuse-task
npm install
npm run dev
LIVE DEMO https://blockfuseleague.netlify.app/

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages