The making of : My portfolio website

The concept

European heatmap

The process

  • NodeJS
  • Express
  • React (NextJS)
  1. The code that fetches the song I’m currently listening to.
  2. The code that generates a background image based on said song.

Step 1: Fetching the song

The song fetching subroutine
The gradient generation subroutine
const audioFeatures = await getAudioFeatures(token, id);
const gradientArray = audioFeatures.sections.map((section) => {...})

Some examples

Conclusion

--

--

--

I like programming and using technology to make awesome stuff

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Everything About Variable | JavaScript Tutorial

5 tips to make your JS code more communicative

MacBook Pro and JavaScript code

Automatically audit your web application’s Performance, Accessibility, and Code Quality with…

Lighthouse is found under Audit in the Google Chrome developer tools

A Case Study on Feeling Limited by the Web

Deploy locally NodeJS and MongoDB application using kubernetes

The Better and Superior alternative to NVM to start using in 2022!

Angular & Chart.js (with ng2-charts)

First use of handlebars.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Wyatt Sell

Wyatt Sell

I like programming and using technology to make awesome stuff

More from Medium

How to Add a Squarespace Custom Font to Your Website

How to Add a Squarespace Custom Font to Your Website.

4 Reasons Aspiring Web Developers Do Not Freelance

What are the 3 layers of web development and web design?

Why Aren’t You Using These 10 Chrome Extensions Already?