Projeto de Portfólio

Bem-vindo ao meu projeto de portfólio! Este projeto foi criado para exibir minhas habilidades e experiências de uma maneira organizada e visualmente agradável. Utilizei HTML, CSS e JavaScript para construir este portfólio, integrando dados através de um arquivo JSON para simular uma API.

Funcionalidades

Exibição de informações dinâmicas: Utilizei JSON para armazenar informações sobre meus projetos, experiências e habilidades. Essas informações são carregadas dinamicamente no HTML através de JavaScript.
Interface responsiva: A interface do portfólio é responsiva e se adapta a diferentes tamanhos de tela, garantindo uma boa experiência de usuário tanto em dispositivos móveis quanto em desktops.
Estilo personalizado: Utilizei CSS para estilizar os elementos HTML, criando um design limpo e profissional.

Tecnologias Utilizadas

HTML: Utilizado para estruturar o conteúdo do portfólio.
CSS: Utilizado para estilizar o conteúdo e criar uma interface agradável e responsiva.
JavaScript: Utilizado para manipular o DOM e carregar dinamicamente as informações do arquivo JSON.
JSON: Utilizado para armazenar e fornecer os dados necessários para o portfólio, simulando o funcionamento de uma API.

Como Funciona

Estrutura HTML: A estrutura básica do portfólio é criada utilizando HTML.
Estilo CSS: O CSS é aplicado para estilizar a página, garantindo que ela seja visualmente atraente.
Carregamento de Dados: Um arquivo JSON é utilizado para armazenar as informações sobre meus projetos, habilidades e experiências.
Manipulação DOM: O JavaScript é responsável por fazer uma requisição ao arquivo JSON, obter os dados e inseri-los dinamicamente na página HTML.

Este projeto de portfólio é um exemplo de como utilizar tecnologias web modernas para criar uma página dinâmica e responsiva. A integração de JSON permite uma fácil atualização e manutenção das informações exibidas, enquanto HTML, CSS e JavaScript proporcionam uma base sólida para o desenvolvimento front-end.

Agradeço por visitar meu portfólio e espero que goste do que verá!

Como Executar o Projeto:

Clone o repositório para o seu ambiente local, abra o arquivo index.html em um navegador web.

Estrutura de Pastas e Arquivos

meu-portfolio/
│
├── index.html
├── styles/
│   └── style.css
├── scripts/
│   └── main.js
└── data/.
    └── info.json

SabrinaPaschini / portfolio-sabrina-p