The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
eFootball Arena is a full-stack platform designed to digitize the management of an eFootball league among friends: match schedule, real-time standings, results submission with proof (screenshot), validation by an administrator, player statistics, and an AI assistant that provides personalized advice to each participant.
The project goes beyond a simple website: it integrates a WhatsApp bot allowing players to submit their results directly from their WhatsApp group, without ever opening the application, as well as a native push notification system to alert the administrator in real time.:
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
How I Built a 60 FPS Real-Time Esports HUD Builder & WebGL Broadcast Engine for BLOB
Live esports broadcasts don’t forgive dropped frames.
When competitive titles like Valorant, Counter-Strike 2, and Rocket League stream tournament telemetry at 60 updates per second, standard React virtual DOM reconciliation simply chokes under the load in OBS Studio. I was brought on by BLOB Productions following a competitive head-to-head architectural evaluation to completely re-engineer their broadcast overlay infrastructure from the ground up.
What We Built:
- 60 FPS Headless HUD Engine: Built a renderer-independent JSON scene graph with Figma/Rive-grade interaction math (multi-selection, aspect-ratio locked transforms, boolean operations, and 360° pivot rotations).
- Complete Vector & Style Stack: Multi-fills with linear/radial gradients, multi-strokes, inner/drop shadows, per-corner radiuses, blend modes, and Gaussian blurs.
- Reactive Data & Motion Logic Engine (Core IP): Continuous value mapping (e.g., player health mapped to visual bar width), dynamic scope inheritance across duplicated player cards, repeaters, and event-driven trigger animations.
- Ultra-Low Latency OBS Runtime: A lightweight PixiJS (WebGL) runtime with signal-based direct node mutations and a jitter-smoothing dead reckoning buffer—maintaining $<16ms Time-to-Glass.
- Zero-Egress Client-Side Edge Merge: Merged high-frequency P2P/WebSocket telemetry directly on the client edge with static tournament metadata, eliminating expensive cloud compute bottlenecks.
- Cloud Persistence & Publishing Pipeline: CockroachDB/PostgreSQL draft-versus-live isolation, version rollback, and an automated P0 verification test suite.
Read the full case study with architectural diagrams and demo breakdown here: 60 FPS Real-Time Esports HUD Builder
Looks rrally cool!
Created AI Agent: This agent is useful for all business needs if you are running a local shop to a big enterprise business. This AI Agent will help you to solve your daily business operational needs.
Frontend using Framer Design and Backend Using Node.js (Claude.ai, Open AI)
What are your thoughts?
Great concept! Combining Framer with Node.js and AI models creates a strong foundation for building practical business automation. 🚀
FLRanked
Competitive platform for music producers. Producers compete in timed 20-minute beat-making matches, all starting from the same melody file. The community votes, and an ELO system moves players across 12 rank tiers. Built with Next.js, with Discord integration that syncs ranks automatically. The hard part wasn't the interface. It was designing a ranking system that stays fair when the judges are the players themselves. The platform is live with an active player base.
A couple of additions that work well for self-judged platforms: give new players a provisional rating with a higher K-factor until they've played ~20 matches, so they climb to their real tier quickly instead of getting stuck low; and keep an eye on vote patterns — if a specific...
