anajsana / front-end-miniprojects

a repo to store projects created for my front-end master

WHOAMI 👋

• 👩‍💻 Project Manager at Linux Foundation's @todogroup Project | MSc in Data Science (2019 - 2020) and Front-End Development (2023 - 2024)
• 📈 Formerly at Bitergia 🦉 Software Development Analytics Firm
• 🌱 Always learning Python, JavaScript, Website Development Digital Illustration and Japanese.
• 💬 Ask me about #DevRel, #OpenSource, #OSPO, #DataScience & #InnerSource
• 😄 Pronouns: she/her
• 📝 The DevRel Report
• 📢 Twitter | Dev.to | LinkedIn | [email protected]

---

front-end-miniprojects's Issues

Take repo name from GET parameter

Rather than fill in the form and press the button it's possible to pass the repo name as a GET parameter:

e.g. https://chris.swanz.net/front-end-miniprojects/security-api/?repo=github.com/atsign-foundation/at_server

This will allow projects to link to (and perhaps even embed) their own charts.

The example above has this additional JavaScript in index.html:

    <script type="text/javascript">
        function getURLParameter(e) {
            return decodeURI((new RegExp(e + "=(.+?)(&|$)").exec(location.search) || [, ""])[1]);
        }
        
        if (getURLParameter("repo") === "") {
            console.log("No URL param value found.");
        } else {
            document.getElementById('repoInput').value = getURLParameter("repo");
            document.getElementById('fetchButton').click();
        }
    </script>

Deploy this repo to GitHub pages

This will save folk from having to clone the repo and run it in their IDE or a web server.

Just deploying the main branch provides an OK experience, as GitHub pages uses the README from the main branch root. With a simple link from the section header to the security-api directory it's then possible to get into app (PR to follow).

Take a look at the pages generated from my fork at:

https://chris.swanz.net/front-end-miniprojects/
https://chris.swanz.net/front-end-miniprojects/security-api/