How to Assign an Avatar and Shield Based on Username in React

Abstract:

At some point by now you’ve probably signed up for a website and been automatically assigned an avatar as a “placeholder” until you supply your own.

Here’s an example if you don’t know what I’m talking about:

You didn’t think those people CHOSE those pictures, did you?

It’s a nice, aesthetic way to maintain uniformity in your design regardless of input…