Submitted about 1 year ago

Social Links Profile with SSG buttons

node, sass/scss, bem

Marcin Mikos•50

@M-Mikos

A solution to the Social links profile challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I used Node.js script to populate button list from the template. populate-socials.js script gets data from social-profiles.json, and converts it to buttons list with help of HTML templates. Thanks to that, all you need to do is add new buttons data to social-profiles.json file and run this script to build new index.html file:

npm run build:html

This solution helps do avoid adding repetitive social button code, and stick to the DRY programming principle. To use this app you must have Node.js and NPM installed.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Marcin Mikos's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord