Skip to content

DevComputaria/HellenDELTREECounter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Projeto de Homenagem com Animação Interativa

Deploy to GitHub Pages

View Live Application

Em Memória de Hellen DELTREE (EscravOps)

Este projeto é uma singela homenagem à Hellen DELTREE, nossa eterna EscravOps. Sua paixão, conhecimento e espírito colaborativo deixaram uma marca indelével em todos nós. Que este espaço sirva como uma pequena lembrança de seu impacto e da saudade que sentimos.


Sobre o Projeto

Esta é uma aplicação web desenvolvida em React que apresenta uma interface visualmente dinâmica e interativa. O objetivo principal foi criar uma experiência moderna e responsiva, combinando elementos gráficos animados com uma contagem regressiva (ou progressiva, dependendo da data configurada).

Funcionalidades Principais:

  • Imagem Central de Destaque: Exibe uma imagem principal que pode ser o foco da homenagem ou do tema da página.
  • Fundo Animado Abstrato: Um conjunto de objetos de arte abstrata (formas geométricas) transita suavemente no fundo da aplicação. Essas formas reagem sutilmente ao movimento do mouse do usuário, criando um efeito de parallax e uma sensação de profundidade e interatividade.
  • Contador: Apresenta um contador de tempo. Originalmente configurado para uma data específica, ele continua a contar a partir dessa data, exibindo o tempo decorrido. A lógica do contador foi preservada conforme o código original, com foco nas melhorias visuais.
  • Design Responsivo: A aplicação foi cuidadosamente ajustada para garantir uma boa experiência de visualização e interação em diferentes tamanhos de tela, desde desktops até dispositivos móveis. Os elementos se adaptam para manter a legibilidade e a estética.

Tecnologias Utilizadas:

  • React: Biblioteca JavaScript para construção da interface de usuário.
  • HTML5 & CSS3: Para a estrutura e estilização dos componentes, incluindo animações e design responsivo.
  • JavaScript (ES6+): Para a lógica de interatividade e manipulação dos componentes.

Scripts Disponíveis (Informações do Create React App)

Este projeto foi inicializado com Create React App. Abaixo estão os scripts padrão:

npm start

Executa o aplicativo no modo de desenvolvimento.Abra http://localhost:3000 para visualizá-lo em seu navegador.

A página será recarregada quando você fizer alterações.Você também poderá ver quaisquer erros de lint no console.

npm test

Inicia o executor de testes no modo de observação interativo.

npm run build

Constrói o aplicativo para produção na pasta build.

About

📓 Countdown Time in React

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors