From content to code — I build websites that make sense
See my workHi, I’m Suzanna — a digital content designer and front‑end tinkerer who likes making the web make sense. Over the years, I’ve been blending words, design, and code, and now I’m diving deeper into JavaScript and React — mostly for the joy of experimenting and learning.
This site is my playground: a place to practice, test ideas, and share projects that challenge and inspire me. Some are structured, others playful; all are shaped by clarity, accessibility, and a bit of fun.
Here's what I've been working on
What it does: Sends user input to an AI service to generate haiku poems returned dynamically.
How I built it: Built with JavaScript to make API requests to a backend AI endpoint and display generated poems.
What I learned: Handling API requests, dynamic UI updates, and integrating third-party services.
Go to projectWhat it does: Generates haiku poems from a user-provided theme using an AI text generation service.
How I built it: Built with JavaScript, using Axios to send user input to an AI API and display the generated poem dynamically with animated text effects.
What I learned: Working with asynchronous API requests, handling AI-generated responses, and updating the UI dynamically based on returned data.
Go to projectWhat it does: Displays current weather conditions and forecasts for user-selected locations using live data.
How I built it: Built with JavaScript using the Moment.js and Moment Timezone libraries to calculate and format time zone data dynamically in the browser.
What I learned: Working with third-party libraries, managing real-time UI updates, and handling time zone logic cleanly in JavaScript.
Go to projectWhat it does: A responsive page with embedded videos and Spotify playlists.
How I built it: Built with semantic HTML and CSS, using responsive grid layouts, embedded media (YouTube and Spotify), and custom styling to create a visually rich, content-led experience.
What I learned: Designing responsive layouts, structuring long-form content clearly, and embedding third-party media while maintaining performance and accessibility.
Go to projectWhat it does: Displays live weather conditions and forecasts for selected locations using real-time data.
How I built it: Built with React using functional components and hooks, fetching live weather data from an external API and rendering updates dynamically based on user input.
What I learned: Working with React hooks, managing component state, handling asynchronous API calls, and structuring a dynamic UI in a component-based framework.
Go to projectWhat it does: Allows users to search for words and displays definitions and related linguistic data using live dictionary data.
How I built it: Built with React and Bootstrap, fetching data from an external dictionary API and rendering results dynamically based on user input.
What I learned: Working with asynchronous API requests in React, managing component state, and handling loading and error states while keeping the UI clear and readable.
Go to project