Skip to content

jhonywsantos/FRONTEND-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🪐 Explorador do Sistema Solar

Exploração interativa e imersiva do Sistema Solar com representações 3D realistas, efeitos visuais cativantes e conteúdo educativo.

Preview Imersão 3D no Sistema Solar via navegador

🔗 Acesse a demonstração online 📦 Código-fonte no GitHub


🌌 Sobre o Projeto

O Explorador do Sistema Solar é uma aplicação front-end desenvolvida com foco em interatividade, educação e design espacial responsivo. A proposta oferece:

  • Representações realistas em 3D dos planetas
  • Animações suaves com transições dinâmicas
  • Curiosidades, histórias mitológicas e dados científicos sobre os corpos celestes
  • Experiência adaptada para diferentes dispositivos (mobile, tablet, desktop)

🛠️ Tecnologias Utilizadas

🔧 Core

CSS3 SCSS HTML5 Haml JavaScript

✨ Destaques Técnicos

  • CSS 3D Transforms para simulações espaciais
  • GSAP ou Anime.js para animações (assumido pelos efeitos visuais)
  • Intersection Observer API para detecção de rolagem e animações ativadas dinamicamente

🪐 Experiência 3D

  • Animações orbitais em torno do sol
  • Efeitos de sombra e iluminação realistas
  • Transições suaves entre planetas e luas Exemplo

📚 Conteúdo Educativo

  • Seções “Leia mais” com:
    • História mitológica de cada planeta
    • Curiosidades científicas e culturais
    • Comparações visuais de tamanho e distância

🎛️ Controles Interativos

  • Zoom e rotação dos planetas em 3D
  • Alternância de modos claro/escuro para simular observação noturna
  • Navegação fluida entre as seções com rolagem assistida

🚀 Como Executar Localmente

# Clone o repositório
git clone https://github.com/jhonywsantos/FRONTEND-Project.git

# Acesse o diretório
cd FRONTEND-Project

# (Opcional) Instale dependências, se houver
npm install  # ou yarn install

# Execute um servidor local ou abra o index.html diretamente
npx serve .  # ou apenas clique duas vezes no arquivo index.html

FRONTEND-Project/
├─ assets/
│   ├─ img/              # Imagens e elementos gráficos
│   └─ info_g/           # Imagens para README
│   └─ js/               # Scripts de interatividade e responsividade
│      └─ style.css      # Estilos principais
├─ index.html            # Página inicial
└─ README.md             # Documentação do projeto

About

Repository intended for interactive and immersive exploration of the Solar System with realistic 3D representations, captivating visual effects, and educational content, by Front-End.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors