Creative Developer

NIKLAS

WALLENBORG

NIKLAS

Creative developer and interdisciplinary artist. Frontend Developer student at Hyper Island 23-25. Masters degree in Fine Arts from Konstfack.
I am a creative problem solver and always eager to learn. Based in Stockholm.

Looking for six months internship, start September 2024.

niklas.wallenborg@hyperisland.se

build

things for

the Web !

Solar System Scroll!

The concept behind this app was to explore the vast interplanetary distances, gaining a sense of the sheer magnitude of space. Scroll your way through our solar system, from the Sun to Pluto.

Key Learnings:

●React Hooks:

Using React hooks (useState and useEffect) for managing component state and handling side effects.

●Event-Driven Interactivity:

Utilizes event listeners to create an interactive user experience, especially in response to scroll events.

●Dynamic Rendering:

Implements dynamic rendering of components based on user interactions, scroll positions, or data arrays.

●Interactive Dropdown Menu:

Design and implementation of an interactive dropdown menu that reveals information about planet distances on user interaction.

Concept, design, and code by me.

The Algorithm Whisper

Ancient divination meets modern technology. This digital tarot card reading site invites users to unfold their digital futures. The concept is rooted in the idea of infusing traditional tarot symbolism with dynamic digital elements.

Key Learnings:

●Random Algorithm:

Implementing a random card draw algorithm, the project adds an element of unpredictability to the tarot reading experience. Learning to generate random outcomes

●Animation:

Employs animated elements to enhances user interaction, creating a captivating narrative

●Modal:

Use of modal components.Design and implementation of an interactive dropdown menu

Concept, design, and code by me.

Color Me Twice

The main idea was to build an app that can help you create a 2-color palette for your upcoming web development project.

Key Learnings:

●Context:

Implementing centralized state management, facilitating the exchange of data between components and to pass state throughout the application.

●Library Integration:

The use of both Color Picker and Chroma to create an engaging and interactive color experience for the user

●Fetching 3rd party APIs:

Handling promises and managing state transitions. Have an asynchronous flow of data, to ensure smooth and efficient communication with external APIs

●Functional Components:

Building reusable and customizable custom components and custom hooks.

Concept, design, and code by Angela Naseri, Carmela Pippa, Maya Jerndahl, and me.

The Reactor

This is a dummy React blog built with the purpose of training to write accessible and SEO friendly code.

Key Learnings:

●SEO Optimization:

Optimizing meta tags, such as title, description, and keywords, using descriptive and relevant headings, creating meaningful URLs, and ensuring fast page loading times.

●Accessibility:

Semantic HTML structure, keyboard navigation support, and providing alternative text for images and other non-text content.

Concept, design, and code by Setayesh Nouri, Maria Nordqvist, Hifza Batool, Samuel Abraham and me. Content by ChatGPT3

Art Portfolio

This was my first bigger build, updating my artist portfolio from a WordPress to a custom built website with html, css and Javascript

Key Learnings:

●The Fundamentals:

to use html, css and javascript to build a page

●Responsive Design:

Ensures an good viewing experience across diverse devices.

●FTP:

Understanding the process of installing and how to use an FTP server

Concept, design, and code by me.

Let's build something!

Who am I

●Name:

Niklas Wallenborg

●Age:

●Family:

Partner and 2 kids

●Hobbies:

Art, Creative Coding, Politics, Digital Culture, Sci-Fi, Gardening, and Walking

●Skills:

html, css, Javascript, React, SEO and Accessibility, some Node.js
Right now I'm looking in and play around with p5.js

niklas.wallenborg@hyperisland.se