NINA HAHNE
Frontend Engineer
Web Developer
Berlin, Germany
PORTFOLIO
Singing Me Happy – Jazzchor Berlin
Website relaunch for a Berlin-based jazz choir
Description
A complete redesign and rebuild of the choir’s outdated Readymag website. The new version runs on SvelteKit with clean architecture, improved accessibility, and a lightweight structure that will be extended with CMS functionality. Includes audio and video embeds, responsive layouts, and an elegant visual identity that reflects the choir’s warm personality.
Features
- Migration from Readymag to SvelteKit
- Custom audio & video components
- Responsive layout & improved accessibility
- SEO-friendly meta setup
- Prepared for future headless CMS integration
Technologies
SvelteKit, TypeScript, TailwindCSS
Shiatsu-Praxis Tanja Schochow
Bilingual website for a Shiatsu practitioner
Description
A calm and thoughtfully simple website for Shiatsu practitioner Tanja Schochow. It reflects the mindful and balanced nature of Shiatsu through a clean layout, soft colors, and responsive design. Built deliberately minimal — almost like a digital business card — to form a focused foundation for a future version powered by a headless CMS.
Features
- Two-language setup (German / English)
- Accessibility and SEO-friendly meta setup
Technologies
SvelteKit, TypeScript, TailwindCSS, YAML / sveltekit‑i18n
AllThatStuff
Multiplayer word association game
Features
- Multiplayer game lobby: host or join a game session
- Turn-based gameplay: one player builds a word, others guess it
- Intuitive drag & drop interface for creating visual clues
- Real-time sync: all players see the builder's actions live
Technologies
HTML5, CSS3, JavaScript, jQuery, Socket.IO
thePond
Social network
Features
- Connect with users
- Chat with other users online
- Modify profile information
Technologies
HTML5, CSS3, JavaScript, React, Node.js/Express, PostgreSQL, AWS, Socket.IO
Imageboard - Gallery of Sloths
Instagram-like gallery
Features
- Upload images with title and description
- Commenting system for users
Technologies
HTML5, CSS3, JavaScript, Vue.js, Node.js/Express, PostgreSQL, AWS
Petition - Stop Headwind
Authenticated petition website
Features
- Sign the petition by drawing your signature on a canvas
- View other signers' details (name, age, city, signature)
- Edit profile info
- Delete your signature
Technologies
HTML5, CSS3, JavaScript, Handlebars, Node.js/Express, PostgreSQL
Connect Four - Apples vs. Oranges
Connect four game for 2 players
Technologies
HTML5, CSS3, JavaScript
