DEV Community

Cover image for I made an Avatar Website that insults you 🤯
Ansari
Ansari

Posted on

15 2

I made an Avatar Website that insults you 🤯

Insult Your Friends

Funnily insulting your friend will always makes you laugh that's human nature. Imagine a avatar like robot insulting your friend, don't you laugh at him/her and have fun. That's what the InsultAvatar is all about.

With Simple HTML for the structure and little styling with CSS and importantly pure vanilla JavaScript i could able to make this site.

gif

How it Started :

Well with simple API, plus your imagination the sky is your limit. While I was developing a login and signup page for another project, I was wondering how I can make user to feel unique, I don't want to use empty user icon 👤 for the avatars. So with little search in google I came across the dicebear a free open source avatar library for developers and designers.

ss

How it works ?

As Simple it is, just enter your name with particular seed it fetches the dicebear library for the avatar and then while clicking on insult it now fetches a GitHub hosted json api and randomize the selection from it.

Note: You could only insult a person once in a day. With the help of local Storage I could accomplish this.

Don't forget to check it out.
https://insultavatar.ml

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (4)

Collapse
 
jgraffin profile image
Julio Graffin

Very cool! I tested a lot with my friends LOL

Collapse
 
oricohen profile image
OriCohen05

Looks good! Great work.

Collapse
 
grigorkh profile image
Grigor Khachatryan

Nice!

Collapse
 
therobinhood profile image
Ansari

Thanks mate, Actually I added another API to detect the gender with the name. So it depends on some name. 😉

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay