https://github.com/johnalysonn/portfolio

Portifólio profissional construído com HTML5, CSS3 e JS.
https://github.com/johnalysonn/portfolio

aos-animation css3 html5 javascript responsive-layout typed-js

Last synced: 4 months ago
JSON representation

Portifólio profissional construído com HTML5, CSS3 e JS.

• Host: GitHub
• URL: https://github.com/johnalysonn/portfolio
• Owner: johnalysonn
• Created: 2023-04-18T19:26:56.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-27T18:58:17.000Z (over 1 year ago)
• Last Synced: 2025-01-15T07:11:54.154Z (5 months ago)
• Topics: aos-animation, css3, html5, javascript, responsive-layout, typed-js
• Language: CSS
• Homepage: https://johnalysonn.github.io/portfolio/
• Size: 4.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfólio

Portifólio profissional construído com as seguintes tecnologias:

* HTML

* CSS

* JS

Alguns efeitos são construídos com o uso de bibliotecas, como o efeito de escrita e o efeito de animação ao rolar a página, sendo elas a seguir:

- AOS (Animate on Scroll): Ver mais

- Typed: Ver mais

Este projeto é baseado em cinco sessões de informações, sendo elas:

* HOME

* ABOUT ME

* PORTFÓLIO

* WHAT I DO

* FOOTER

#### HOME

Página inicial, cuja função é dar a primeira introdução de uma futura apresentação minha, há nela alguns efeitos, sendo alguns infinitos e outros não, feitos com CSS puro.

![John Alyson - Google Chrome 2023-06-13 11-04-44](https://github.com/johnalysonn/portfolio/assets/104682781/1f473672-ea14-41df-9fdc-e4d4f652a0e4)

#### ABOUT ME

Sessão que possui função de relatar um pouco mais sobre mim.

![image](https://github.com/johnalysonn/portfolio/assets/104682781/6e1ee6ba-b78d-4d32-acaf-b37042122084)

#### PORTFÓLIO

Essa parte do projeto exibirá alguns projetos desenvolvidos por mim, sendo eles para práticar a política das tecnologias ou não. Possuindo um filtro dos projetos para uma melhor organização, sendo separados em:

* All (Todos os projetos)

* Systems (Sistemas em geral)

* Web Sites (Sites web sem se enquadrar como sistema, focando mais na parte visual)

* Landing Pages (Páginas para divulgar algum produto)

![image](https://github.com/johnalysonn/portfolio/assets/104682781/e4f9085f-a2f5-4554-9826-632708d7ea8a)

#### WHAT I DO

Exibirá algumas tecnologias que eu tenho conhecimento e utilizei durante minha jornada no mundo da tecnologias

![image](https://github.com/johnalysonn/portfolio/assets/104682781/959c9df3-0120-4904-bb85-07e6013cc471)

#### FOOTER

Contendo algumas formas de contato, com telefone, email e redes sociais

![image](https://github.com/johnalysonn/portfolio/assets/104682781/21dd7e0c-2570-4f95-a41a-ff16f8babf2f)

#### Loading

O projeto apresenta uma tela de pre-carregamento com gif personalizado, a função dessa tela é que enquanto ela estar presente, o body, ou seja o corpo do projeto estará em carregamento, carregando imagens e efeitos. Para não haver problemas com os efeitos, optei por utilizar  javascript para adicionar uma classe nos elementos que lhes dará um delay na animação, tal delay será suficiente para o carregamento da página e a exibição dos efeito no momento exato.

![John Alyson - Google Chrome 2023-06-13 11-29-02](https://github.com/johnalysonn/portfolio/assets/104682781/0ad0f48c-3b09-4742-88ad-882f0740dc1d)



### Todo o projeto está responsivo, ou seja, ele se adapta de acordo com o dispositivo.

Acessar: Check Demo