Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devgabrielrr/portifolio-javascript-dio
Este é o meu portfólio, um projeto desenvolvido com HTML, CSS e JavaScript, concebido durante um curso na Digital Innovation One (DIO). Utilizei um arquivo JSON para armazenar os dados essenciais, organizados de forma estruturada para facilitar o acesso e a manipulação das informações. A integração de uma API foi crucial para recuperar dinamicament
https://github.com/devgabrielrr/portifolio-javascript-dio
css3 html5 http-server javascript json-api npm
Last synced: about 11 hours ago
JSON representation
Este é o meu portfólio, um projeto desenvolvido com HTML, CSS e JavaScript, concebido durante um curso na Digital Innovation One (DIO). Utilizei um arquivo JSON para armazenar os dados essenciais, organizados de forma estruturada para facilitar o acesso e a manipulação das informações. A integração de uma API foi crucial para recuperar dinamicament
- Host: GitHub
- URL: https://github.com/devgabrielrr/portifolio-javascript-dio
- Owner: DevGabrielrr
- Created: 2024-07-22T14:00:36.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-27T16:08:31.000Z (4 months ago)
- Last Synced: 2024-07-27T17:36:38.028Z (4 months ago)
- Topics: css3, html5, http-server, javascript, json-api, npm
- Language: CSS
- Homepage: https://devgabrielrr.github.io/Portifolio-JavaScript-dio/
- Size: 937 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfólio Profissional com CSS e JavaScript | DIO
Este é o meu portfólio, um projeto desenvolvido com HTML, CSS e JavaScript, concebido durante um curso na Digital Innovation One (DIO). Utilizei um arquivo JSON para armazenar os dados essenciais, organizados de forma estruturada para facilitar o acesso e a manipulação das informações. A integração de uma API foi crucial para recuperar dinamicamente esses dados de forma assíncrona, utilizando os conceitos modernos de async e await em JavaScript.
Com HTML, construí a estrutura fundamental do meu portfólio, garantindo uma experiência de usuário bem organizada e acessível. O CSS foi responsável por estilizar cada elemento, tornando o layout atraente e alinhado com as melhores práticas de design web. Já o JavaScript desempenhou um papel crucial ao manipular os eventos da interface e ao implementar a lógica por trás da interação com a API e o arquivo JSON.
### Veja o projeto
[Link do projeto](https://devgabrielrr.github.io/Portifolio-JavaScript-dio/)
### Tecnologias Utilizadas
- HTML5: para a estrutura do site.
- CSS3: para a estilização e layout.
- JavaScript: para a interatividade e manipulação dos dados.
- JSON: para o armazenamento dos dados do portfólio.
- API: para a recuperação dos dados do JSON de maneira assíncrona.
- GitHub Pages.
### Funcionalidades
- [x] Recuperação de Dados: Meu portfólio se destaca pela eficiente recuperação de dados a partir de um arquivo JSON, utilizando uma chamada de API assíncrona para garantir que as informações sejam atualizadas em tempo real.
- [x] Implementei JavaScript de maneira robusta para adicionar interatividade e dinamismo às páginas. Isso permite aos visitantes explorarem meu trabalho de forma mais envolvente e intuitiva, com transições suaves e elementos que respondem às suas ações.
- [x] Design Responsivo: O layout do meu portfólio foi cuidadosamente desenvolvido para ser completamente responsivo. Independentemente do dispositivo utilizado, seja um desktop, tablet ou smartphone, os visitantes desfrutarão de uma experiência consistente e agradável.
1. Faça um clone desse repositório e acesse o diretório.
```bash
$ git clone [email protected]:DevGabrielrr/desafio-js-2-portifolio-dio.git
```
2. Navegue até o diretório do projeto:
```bash
cd nome-do-repositorio
```
3. Abra o terminal de sua IDE e use o comando logo abaixo para abrir no navegador Web, ira instalar um servidor globalmente
:
```bash
npm install -g http-server
```
```bash
http-server
```