O Projeto | Tecnologias | Layout |
Este é o meu portfólio pessoal, desenvolvido para apresentar minha trajetória como Desenvolvedor, listar meus projetos de destaque e facilitar o contato profissional. A aplicação foi construída com foco em semântica, modularidade e design responsivo, garantindo uma ótima experiência de navegação em qualquer dispositivo. Os principais destaques do desenvolvimento incluem:
- Arquitetura CSS Modular: Utilização da regra
@importno arquivo principal (index.css) para dividir a estilização em arquivos menores (global, header, main, footer, utility, responsive). Isso facilita a manutenção, leitura e escalabilidade do código. - Variáveis CSS Customizadas: Uso do seletor
:rootpara definir um Design System próprio, armazenando a paleta de cores (ex:--gray-500,--purple) e a tipografia base. Isso garante total consistência visual e facilita futuras alterações de tema. - Design Responsivo Estratégico: Implementação de Media Queries adaptando as estruturas de
CSS Grid(na galeria de projetos) eFlexbox, ajustando a exibição de três colunas no desktop para uma coluna única em dispositivos móveis, sem perda de qualidade visual.
Este projeto foi construído utilizando as seguintes ferramentas e conceitos:
- HTML5: Utilizado para criar a estrutura semântica da página (
<header>,<main>,<section>,<footer>), melhorando a acessibilidade e organização do conteúdo. - CSS3: Responsável por toda a estilização, utilizando
Flexboxpara alinhamentos centrais eCSS Gridpara a organização estruturada dos cartões de projetos. - Git & GitHub: Versionamento e deploy da aplicação.
Você pode visualizar e interagir com o projeto através dos links abaixo:
Para rodar no seu computador (Local):
- Faça o download ou clone o repositório.
- Certifique-se de que a estrutura de pastas está correta.
- Dê um duplo clique no arquivo
index.htmlou abra através da extensão Live Server no seu editor de código.
Feito com 💜 por AlissonFA