https://github.com/marialmeida1/web-profilegit
Site criado com intuito de ser um perfil que pega dados do GitHub, feito para a disciplina de Desenvolvimento Web na PUC Minas.
https://github.com/marialmeida1/web-profilegit
api bem-css html-css javascript json-server smacss
Last synced: about 1 year ago
JSON representation
Site criado com intuito de ser um perfil que pega dados do GitHub, feito para a disciplina de Desenvolvimento Web na PUC Minas.
- Host: GitHub
- URL: https://github.com/marialmeida1/web-profilegit
- Owner: marialmeida1
- Created: 2024-04-13T13:49:40.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-26T16:57:33.000Z (almost 2 years ago)
- Last Synced: 2025-01-05T19:12:13.943Z (over 1 year ago)
- Topics: api, bem-css, html-css, javascript, json-server, smacss
- Language: HTML
- Homepage: https://profile-diw.vercel.app
- Size: 4.48 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Site Pessoal Responsivo - README
## Introdução
Neste trabalho, foi criado um site pessoal com duas telas distintas: a Tela Principal (`index.html`) e a Tela de Detalhes do Repositório (`repo.html`). Ambas as telas foram projetadas seguindo um layout predefinido, conforme especificações fornecidas.
## Detalhamento do Escopo
### Tela Principal (`index.html`)
- **Cabeçalho:** Apresenta o nome do proprietário do site e um menu de seções do site.
- **Seção 1 - Perfil do GitHub:** Apresenta informações sobre o perfil do aluno no GitHub, incluindo foto/avatar, nome, sobrenome, descrição e botões de contato.
- **Seção 2 - Repositórios:** Exibe um grupo de cards com informações sobre os repositórios mantidos pelo aluno no GitHub.
- **Seção 3 - Carrossel/Slider:** Mostra um carrossel/slider com conteúdos sugeridos pelo aluno, como artigos, vídeos, etc.
- **Seção 4 - Colegas de Trabalho:** Apresenta uma grade com os principais colegas de trabalho no curso.
- **Rodapé:** Contém informações sobre o responsável pelo site (aluno/aluna).
### Tela de Detalhes do Repositório (`repo.html`)
- **Cabeçalho:** Apresenta informações gerais sobre um repositório específico, incluindo descrição, data de criação, proprietário com imagem/avatar, URL de acesso, linguagem principal.
## Uso da API do GitHub
Utilizei a API do GitHub para integrar dados dinâmicos ao meu site. Através dela, obtive informações detalhadas do meu perfil, incluindo meu nome, descrição, e avatar. Além disso, utilizei a API para listar meus repositórios hospedados, exibindo detalhes como nome, descrição, linguagem principal e data de criação de cada um. Isso permite que o conteúdo do site esteja sempre atualizado com as informações mais recentes do meu GitHub.
## Uso do JSON-SERVER
Utilizei o JSON-SERVER para armazenar e servir dados dinâmicos para o meu site. Ele armazena as seguintes informações:
- **`content`**: Dados dos slides apresentados no site, incluindo textos e descrições.
- **`image_content`**: URLs e informações das imagens utilizadas nos slides do site.
- **`coworkers`**: Detalhes sobre meus colegas de trabalho, como nome, cargo e fotos.
Essa configuração permite que o site acesse e exiba essas informações de maneira eficiente, garantindo que os conteúdos dos slides e os dados dos colegas de trabalho estejam sempre acessíveis e atualizados.
## Autor
Este projeto foi desenvolvido por Mariana Almeida.