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
Tournament Listing & Location Map
Project Overview:
I built a responsive webpage that displays a list of tournaments with filtering options and an interactive map showing the locations of the filtered results in real time.
Key Features:
Tournament listing with location-based filters
Real-time sync between filtered results and map markers
Interactive map view for quick location insights
Clean, user-friendly UI focused on fast discovery
What I Did:
Implemented the complete frontend UI and filtering logic
Connected filter state with dynamic map updates
Ensured responsive behavior across devices
Tech Stack:
HTML, CSS, JavaScript
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
Related posts
🚴 What if a bike workshop website felt more like an interactive experience?
I've been exploring how scroll-driven animations, SVG illustrations, and small interactions can make an ordinary business website more engaging.
For this concept, I experimented with:
A bicycle that comes to life as you scroll
Interactive workshop service sections
A simple way for visitors to explore what their bike needs
Built with HTML, CSS, and JavaScript.
Still exploring how to balance creative interactions with usability and performance.
Curious what you think! Does this kind of storytelling add value to a business website, or would you keep things simpler? 👀
AI DevelopmentMotion DesignWeb DevelopmentChatGPTClaudeHTML5creativedevelopmentwebdesigninteractivelandingpage
For a local workshop I'd keep the scroll bike for the hero and make the service sections quick to scan. The "what does my bike need" flow is the part that could actually bring bookings.
🚀 Aurora: a real-time 3D website system, built from scratch with Three.js.
Everything in this 20-second showcase is real. The 3D shape is a live shader, and the site footage is a screen recording of the finished build, not a mockup.
What's inside: 6 finished pages, a mobile-first layout, scroll-reactive motion, and Figma-ready design tokens. Plain HTML, CSS and JS, so it deploys free on Netlify or Cloudflare Pages.
Need a custom 3D site or a rebrand of Aurora for your studio? Message me. I reply within 1 to 2 working days.
The full kit is on my Products tab. Live demo: aurora-3d-kit.netlify.app
#threejs #webgl #webdesign #3dwebsite #frontend
A live shader instead of a rendered video makes a big difference in how the hero feels. Plain HTML, CSS and JS with free deploys on Netlify is a nice choice for a kit like this.