I love contributing to the community - its what fulfills me. Seeing people drift apart, I thought: why not bring them together through creativity?
The idea: A community collaboratively creates a poem,line by line. Each person adds their part by reacting to the previous line, building a shared project together.
On the tech side, this project combines real-time interaction with a storage system and privacy measures.
Alone we survive, together we thrive.
To drive engagement with my website, I needed a strategy that would stand out in a world full of noise. It should be both intriguing and compelling to users and ideally radiate creativity.
Recognizing that humans are hardwired to focus on faces from birth, I leveraged this instinct to create an eye-catching strategy.
If you are reading this after looking at the pictures, it worked.
These faces are AI generated. I edited a piece of paper with the QR-Code onto them, leading to the website.
Screenshots of the website on mobile and its information page.
Frontend
Build with HTML, JavaScript and CSS
XSS protection through HTML sanitization, to prevent malicious user inputs (e.g. <script>)
Backend
API Endpoints to fetch poem entries from Supabase
IP detection and saving to limit entry based on IP. Can be bypassed using VPNs or proxies but remains the most effective solution for user identification.
I chose the Supabase as database because its based on PostgreSQL providing scalability and reliability.
Two seperate tables to save the poem entries and the IP adresses for cooldowns
Serverless hosting via Vercel, which automates builds and deploys the Git Repository
For clarification purpose a sketch of the developing environment