NINA HAHNE
Frontend Engineer
Web Developer
Berlin, Germany
PORTFOLIO
Jakob Franken – Blues guitarist
Minimal artist website with headless CMS integration
Description
A clean and focused website for blues guitarist Jakob Franken. The site presents his album, concerts, and essential links in a straightforward layout inspired by classic musician websites. Built with SvelteKit and TailwindCSS, it combines a minimal, expressive design with a scalable content setup powered by Sanity. The concert section is fully CMS-driven, allowing non-technical updates, with the rest of the content gradually being migrated to the same system.
Features
- Album section with Bandcamp integration
- Concert listing powered by Sanity CMS (real-time updates without rebuild)
- Headless CMS architecture prepared for full content management
- Reusable SVG icon components for streaming and social platforms
- Responsive layout optimized for both mobile and desktop
- Lightweight structure with minimal dependencies
Technologies
SvelteKit, TypeScript, TailwindCSS, Sanity
Singing Me Happy – Jazzchor Berlin
Choir website relaunch with headless CMS integration
Description
A complete redesign and rebuild of the choir’s former Readymag website. The new version is built with SvelteKit and TailwindCSS and combines a warm, characterful visual identity with a lightweight, maintainable architecture. The project now includes a Sanity CMS setup that allows non-technical editors to update current news, concert announcements, and choir member profiles with photos directly, without touching the codebase. Alongside the content migration, the relaunch also improved accessibility, SEO basics, and overall long-term maintainability for a small cultural organisation.
Features
- Migration from Readymag to a custom SvelteKit website
- Sanity CMS integration for news, concerts, and choir member profiles
- Editable choir member cards with photos and short descriptions
- Custom audio and video embeds
- Responsive layout with improved accessibility
- SEO-friendly setup
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
