script.js

const detailsContainer = document.querySelector(".details")

const inputBox = document.querySelector(".inputBox")
const searchBtn = document.querySelector(".search")
const repoList = document.querySelector(".repoList")

const pp = document.querySelector(".pp")
const gusername = document.querySelector(".username")
const bio = document.querySelector(".bio")
const follower = document.querySelector(".follower")
const following = document.querySelector(".following")
const repository = document.querySelector(".repository")

const repoH = document.querySelector(".repoH")


// initially its my profile
loadPrfile("Codeyry")


searchBtn.addEventListener("click", () => {
    loadPrfile(inputBox.value)
})


async function loadPrfile(username) {
    try {
        if (inputBox.value === "" && username === "") {
            alert("Please enter a username")
            return
        }

        const url = `https://api.github.com/users/${username}`
        const response = await fetch(url)
        const data = await response.json()
        console.log(data)

        pp.src = data.avatar_url
        gusername.textContent = data.name
        bio.textContent = data.bio
        follower.textContent = data.followers
        following.textContent = data.following
        repository.textContent = data.public_repos
        detailsContainer.classList.remove("hidden");

        const repoUrl = `https://api.github.com/users/${username}/repos`
        const repoResponse = await fetch(repoUrl)
        const repoData = await repoResponse.json()
        console.log(repoData)
        repoH.textContent = `Repositories (${repoData.length}):`
        // repoData.sort((a, b) => b.stargazers_count - a.stargazers_count)
        // const topRepos = repoData.slice(0, 5)
        // console.log(topRepos)
        repoList.innerHTML = "";
        repoData.forEach(repo => {
            const a = document.createElement("a")
            a.href = repo.html_url
            a.target = "_blank"
            a.textContent = repo.name
            repoList.appendChild(a)
        });

        inputBox.value = ""

    } catch (error) {
        console.log(error)
    }
}