Clueful – Mein Digitaler Escape Room

Ein digitaler Escape Room, in dem sich User registrieren, spannende Rätsel lösen und dabei Punkte sammeln können. Je schneller ein Rätsel gelöst wird, desto mehr Punkte gibt es – und eine dynamische Rangliste spornt zusätzlich an.

Das Konzept

Clueful ist weit mehr als nur ein gewöhnlicher Escape Room. Während der Fokus natürlich auf den kreativen und interaktiven Rätseln liegt, können sich die User auch ihre eigenen Avatare als Pixelart erstellen. Im Hintergrund teste ich dabei ständig die neuesten WebDev-Technologien.

Technologien und Techstack

Für das Frontend setze ich auf Twig als Templating-Engine und Tailwind CSS für das Styling. Diese Kombination erlaubt es mir, flexible und moderne Designs zu realisieren.
Auf der Backend-Seite verwende ich Symfony – ein Framework, mit dem ich robuste Endpoints und ein skalierbares Punktesystem entwickeln kann. Dieser Techstack ermöglicht es mir, meinen kreativen Ideen freien Lauf zu lassen und zugleich stabil und performant zu bleiben.

Die Umsetzung und Herausforderungen

Als mein erstes größeres Projekt standen mir einige Hürden bevor: Es war das erste Mal, dass ich sowohl Tailwind als auch Symfony einsetzte – und das Einrichten eigener Endpoints war völlig neu für mich. Es gab etliche Herausforderungen, von der Einrichtung der Infrastruktur bis hin zur Implementierung des Punktesystems. Doch durch das konsequente Verfolgen von Tutorials auf YouTube und Udemy sowie durch das direkte Umsetzen eigener Ideen konnte ich alle Schwierigkeiten meistern.

Udemykurs
Three.js (für 3D-Elemente)

Feedback und Zukunft

Das Feedback der User ist durchweg positiv – sie genießen das Erlebnis und die Herausforderung der Rätsel. Leider ist das Angebot an Rätseln derzeit noch überschaubar, da mir momentan die Zeit fehlt, weitere Herausforderungen zu entwickeln. Mein Plan ist es, das Rätselangebot zu erweitern, sobald ich wieder Kapazitäten dafür finde.

Fazit

Mit clueful.renzo-smania.ch habe ich nicht nur meine Web-Development-Skills in einem realen Projekt auf die Probe gestellt, sondern auch bewiesen, dass der Weg vom Nachmachen zum eigenständigen Umsetzen einer Idee lohnenswert ist. Mein Techstack aus Twig, Tailwind CSS und Symfony bildet dabei die perfekte Grundlage, um innovative und interaktive Erlebnisse zu schaffen. Ich freue mich darauf, das Projekt weiter auszubauen und noch mehr spannende Rätsel zu entwickeln.

projekte