JSFiddle - React, Tailwind, and code Playground

by Ajey

HTML

<body>
    <div class="my-information">
         <h2></h2>

        <div id="fullname"></div>
        <div id="personalWebsite"></div>
        <div id="github"></div>
        <div id="stackoverflow"></div>
        <div id="linkedin"></div>
        <div id="resume"></div>
        <div id="tip">
             <h4>Look at the source code on how this is implemented</h4>

        </div>
    </div>
</body>

CSS

.my-information > div {
    margin: 30px 0px;
}
#tip {
    display: none;
}

JavaScript

var AJEY = function () {
    var ajey = this;
    var name,
    linkedInProfile,
    personalWebsite,
    githubProfile,
    stackoverflowProfile,
    resumeLink;

    var seed = null;


    this.init = function () {
        console.log("Initializing Ajey's Profile Information.. Please Wait..");
        ajey.name = "Ajey Charantimath";
        ajey.linkedInProfile = "https://www.linkedin.com/in/ajeycharantimath";
        ajey.personalWebsite = "www.ajey.me";
        ajey.githubProfile = "https://github.com/Ajeey";
        ajey.stackoverflowProfile = "http://stackoverflow.com/users/2098614/ajey";
        ajey.resumeLink = "https://www.dropbox.com/s/yn5qpcp62iowkuk/Ajey_Charantimath.pdf?dl=0";
    };


    function SEED() {
        console.log("Seeding Ajey's Data");
    }

    ajey.seed = new SEED();

    SEED.prototype.getPersonalInformation = function () {
        return ajey.name;
    };

    SEED.prototype.getOpenSourceContributions = function () {
        return {
            'github': ajey.githubProfile,
                'stackoverflow': ajey.stackoverflowProfile
        };
    };

    SEED.prototype.getLinkedInProfile = function () {
        return ajey.linkedInProfile;
    };

    SEED.prototype.getpersonalWebsite = function () {
        return ajey.personalWebsite;
    };

    SEED.prototype.getResume = function () {
        return ajey.resumeLink;
    };
};


var ajey = new AJEY();

ajey.init();

$('.my-information > h2').text("Initializing Ajey's Profile Information.. Please Wait..");

setTimeout(function () {
    console.log("Full Name - " + ajey.seed.getPersonalInformation());

    var fullNameDiv = document.getElementById('fullname');
    fullNameDiv.innerHTML += "Full Name - " + ajey.seed.getPersonalInformation();



    var github = document.getElementById('github');
    github.innerHTML += "GitHub Profile - " + makeLink(ajey.seed.getOpenSourceContributions().github);

    var stackoverflow = document.getElementById('stackoverflow');
   ...