Portfólio Mobile First JavaScript

Role para baixo
2024
HTML5 / CSS3 / JavaScript / Mobile First
Portfólio - Tela Mobile
Portfólio - Tela Mobile
Portfólio - Tela Desktop

Sobre o Projeto

Objetivo

Portfólio desenvolvido com abordagem Mobile First utilizando HTML, CSS e JavaScript puro. O conteúdo é parcialmente carregado a partir da API pública do GitHub e parcialmente de um arquivo local profile.json presente no repositório. O projeto foi criado como exercício de fundamentos de front-end, responsividade, manipulação de DOM e consumo de API REST.

Tools & Technologies

HTML5, CSS3, JavaScript ES6+, GitHub API, Fetch API, Responsividade Mobile First, DOM Manipulation, GitHub Pages

Demonstração

Funcionalidades e Detalhes Técnicos

Layout Mobile First: Todo o design e estrutura da aplicação foi pensado para priorizar telas pequenas, garantindo fluidez e responsividade em dispositivos móveis antes da adaptação para telas maiores.

Consumo da API do GitHub: Informações como repositórios e detalhes públicos são carregados dinamicamente via Fetch API, exibindo dados reais do perfil do GitHub.

Integração com profile.json: Parte das informações pessoais e profissionais é carregada de um arquivo JSON local, demonstrando manipulação e integração de dados estáticos.

Estrutura Simples e Performática: Sem dependências, sem frameworks, totalmente construído com JavaScript puro, CSS modularizado e HTML semântico.