Hi, I am Ulla van Sprang

front-end developer

a photo of Ulla van Sprang smiling

Who I am

Front-end developer & medical doctor based in Amsterdam

I am Ulla, a front-end developer based in Amsterdam. My professional journey has taken me from the world of medicine to the exciting world of web development. In 2021, I decided to follow my heart and dive headfirst into coding. The appeal of the coding community ignited my eagerness to learn and develop in this new field. Since then, I've been on a dedicated path of self-improvement, improving my skills through various online courses.

Colleagues and friends often characterize me as a dependable, detail-oriented team player. I would describe myself as an avid learner, full of enthusiasm and sincerity. In my leisure time, I have a range of interests, including spending time with my dog Izzy, watching Netflix, playing video and board games, enjoying cocktails, listening to podcasts, learning Spanish, playing tennis and padel, following different sports, and exploring new places through travel.

As of October 2022, I began my professional journey as a front-end developer at a major telecommunications company. My core responsibilities include maintaining the webshop in close collaboration with a Scrum team, implementing new features and A/B tests, addressing technical debt with modern technologies, and migrating environments to ensure future-proof solutions. My technical toolkit includes React, TypeScript, and proficiency in testing with Jest, Playwright, and Cypress, as well as experience with GitLab CI/CD.

a photo of Ulla van Sprang smiling

Playground

Some code examples

Quizzical

Goal: build a quiz app with React using the Open Trivia Database API. Design delivered by Scrimba.

Built with HTML, CSS, Javascript, React and the OTDB API

Movie Watchlist

Goal: searching for movies using the OMDB API and saving the data to local storage to add to your watchlist. Design delivered by Scrimba.

Built with HTML, CSS, Javascript and the OMDB API

Password generator

Goal: make a random password generator. Stretch goals: copy to clickboard & set preferred password length. Design delivered by Scrimba.

Built with HTML, CSS & Javascript

Unit Converter

Goal: make a unit converter. Design delivered by Scrimba.

Built with HTML, CSS & Javascript

Invoice Creator

Goal: make an invoice creator. Stretch goals: remove items with button. Design delivered by Scrimba.

Built with HTML, CSS & Javascript

Color Scheme Generator

Goal: make a color scheme generator with the Color API. Stretch goals: copy hexcode to clipboard. Design delivered by Scrimba.

Built with HTML, CSS, Javascript and the Color API

Digital Business Card

Goal: make a digital business card using React. Design delivered by Scrimba.

Built with HTML, CSS and React

Travel Journal

Goal: make a travel journal card using React, with data in a seperate .js file. Design delivered by Scrimba.

Built with HTML, CSS and React

Memory Game

Memory Game with 3 different field sizes, sounds and track of your high score

Built with HTML, CSS and JavaScript

Calculator

Calculator with all the expected functionality, including light and dark version

Built with HTML, CSS and JavaScript

Website for a friends business

A friend asked me to build the website for her business. Used simple design and tried to write clean code.

Built with HTML, CSS & JavaScript

Social proof section

Frontend Mentor challenge: the user should be able to view the optimal layout depending on their device's screen size (mobile, desktop).

Built with HTML and CSS

Equalizer landing page

Frontend Mentor challenge: the user should be able to view the optimal layout depending on their device's screen size (mobile, tablet, desktop).

Built with HTML and CSS

Interactive rating component

Frontend Mentor challenge: the user should be able to select and submit a number rating, after which a 'thank you' page is shown.

Built with HTML, CSS and Javascript

QR code component

Frontend Mentor challenge: the challenge is to build out the QR code component and get it looking as close to the design as possible.

Built with HTML and CSS

NFT preview card component

Frontend Mentor challenge: the challenge is to get the NFT preview card component looking as close to the design as possible, including the hover states.

Built with HTML and CSS

Order summary card

Frontend Mentor challenge: the challenge is to get the card component looking as close to the design as possible, including the hover states.

Built with HTML and CSS

Product preview card component

Frontend Mentor challenge: the challenge is to get the card component looking as close to the design as possible, including the hover states.

Built with HTML and CSS

Portfolio website version 1

My first portfolio website.

Built with HTML & CSS

Technical Documentation Page

Assignment for freeCodeCamp; build a technical documentation page.

Built with HTML & CSS

Landing Page

Assignment for freeCodeCamp; build a landing page.

Built with HTML & CSS