https://github.com/iamandaleao/devlinks
https://github.com/iamandaleao/devlinks
css devlinks figma git github html javascript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/iamandaleao/devlinks
- Owner: iamandaleao
- Created: 2025-04-05T21:39:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-14T14:01:25.000Z (about 1 year ago)
- Last Synced: 2025-04-14T15:23:22.190Z (about 1 year ago)
- Topics: css, devlinks, figma, git, github, html, javascript
- Language: CSS
- Homepage: https://iamandaleao.github.io/devlinks/
- Size: 2.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
DevLinks – Agregador de Links
Projeto de um agregador de links responsivo com troca de tema, desenvolvido durante o curso Discover da Rocketseat.
Tecnologias |
Projeto |
Licença
## 🚀 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML e CSS
- JavaScript
- Git e GitHub
- Figma
## 💻 Projeto
Este projeto foi essencial para aplicar na prática os conhecimentos fundamentais de HTML, CSS e JavaScript. A proposta foi construir um agregador de links que pudesse ser usado como cartão de visitas online, com tema claro/escuro, design responsivo e recursos interativos.
Durante o desenvolvimento, pude:
- Entender melhor a estrutura do HTML e como organizar listas, links, ícones e rodapé;
- Aprender sobre `margin`, `padding` e o uso do `Flexbox` para alinhamento e responsividade;
- Criar botões interativos com pseudo-classes como `:hover`, dando mais vida à interface;
- Estilizar a página com base em variáveis CSS e aplicar o conceito de reset CSS para padronizar estilos;
- Posicionar elementos com `position: absolute` e dominar ajustes finos com DevTools;
- Trabalhar com SVGs para melhorar o visual dos ícones e garantir leveza no carregamento;
- Utilizar `media queries` para adaptar o layout a diferentes dispositivos e tamanhos de tela;
- Aplicar animações simples em CSS para transições suaves entre os temas;
No JavaScript, aprendi:
- Conceitos básicos como variáveis, funções, objetos e lógica condicional;
- Capturar eventos com `addEventListener` e manipular o DOM dinamicamente;
- Criar lógica para alternar entre modo claro e escuro alterando atributos e classes;
- Atualizar atributos HTML diretamente via JavaScript, tornando o layout mais dinâmico;
No Git e GitHub, pude:
- Inicializar o repositório, criar commits organizados e versionar as etapas do projeto;
- Subir o projeto para o GitHub e disponibilizá-lo com GitHub Pages;
- Criar um README detalhado e completo para apresentar o projeto de forma profissional;
Esse projeto me ajudou a entender como pequenos detalhes de código e boas práticas de organização impactam diretamente na usabilidade e na experiência final de quem acessa a página. Foi uma excelente forma de consolidar os aprendizados do Discover com um projeto prático e funcional.
## 📝 Licença
Este projeto está sob a licença MIT.
Feito com ♥ by Amanda