DEV Community

Eszter Kovacs
Eszter Kovacs

Posted on

🎃 My Kiroween Hackathon Experience — I Built a Spooky Landing Page with MCP Integration using Kiro IDE

I joined the Kiroween hackathon with one goal: build something fun.
A few late-night ideas later, I ended up creating a Halloween-themed, API-powered landing page — entirely by myself, inside Kiro IDE.

👻 What I made

Spooky Landing Page with MCP Integration — an animated, glowing UI that pulls real-time spooky quotes via MCP.
It reacts, flickers, whispers Halloween mood into the screen.

Features:

  • 🔮 MCP + ZenQuotes API connection
  • 💀 Animated UI states (ghost / moon / crystal ball)
  • 🎨 DiceBear avatar generation
  • ⚡ Smooth transitions + spooky sound cues

Short project — big vibes.

🧰 Built in Kiro IDE

I didn’t code this traditionally — I built it through conversation.

Using Kiro IDE, I generated components, refined effects, and integrated MCP endpoints quickly.
It felt less like typing code, more like designing an idea in real time.

🏁 Why this mattered to me

I learned how fast a solo developer can move when the tooling flows with creativity.
Kiro IDE helped me think, build, and refine — not just code.

Small project, but it left a big smile.👻🔥

Top comments (0)