github-profile-project

Este projeto consiste em uma página pessoal que consome a API pública do GitHub para exibir informações de um usuário específico. Foi desenvolvido como parte de uma atividade prática, com foco na integração de tecnologias front-end e consumo de APIs REST.

#api-github#css#html#javascript

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 1Stars

⑂ 0Forks

◯ 0Open issues

◉ 1Watchers

33/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

📄 Perfil GitHub com HTML, CSS e JavaScript

🚀 Tecnologias Utilizadas

HTML5
CSS3
JavaScript (ES6+) — Manipulação de DOM e consumo da API do GitHub

🧱 Estrutura do Projeto

🔹 HTML (`index.html`)

Input de busca para inserir o nome do usuário do GitHub
Container com:
- Imagem de perfil
- Nome
- Bio
- Número de repositórios públicos
- Seguidores e seguindo
- Link para o perfil original no GitHub

🔹 JavaScript (`script.js`)

Captura do evento DOMContentLoaded
Função searchUser() que faz fetch da API do GitHub com o nome do usuário
Função updateCardGithub() que atualiza dinamicamente o DOM com os dados da API
Atualização automática conforme o usuário digita

🖼️ Exemplo de Funcionamento

Ao carregar a página ou inserir um nome de usuário do GitHub no campo de busca, as informações são atualizadas automaticamente com base nos dados da API.