https://github.com/severidade/solar_system
Esta aplicação React, desenvolvida com componentes de classe, lista todos os planetas do Sistema Solar e também algumas das missões espaciais mais conhecidas.
https://github.com/severidade/solar_system
css html5 javascript reactjs reactplayer responsive-layout video-background
Last synced: 10 months ago
JSON representation
Esta aplicação React, desenvolvida com componentes de classe, lista todos os planetas do Sistema Solar e também algumas das missões espaciais mais conhecidas.
- Host: GitHub
- URL: https://github.com/severidade/solar_system
- Owner: severidade
- Created: 2023-03-11T23:20:00.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-06T14:10:35.000Z (almost 3 years ago)
- Last Synced: 2025-03-16T19:54:42.899Z (10 months ago)
- Topics: css, html5, javascript, reactjs, reactplayer, responsive-layout, video-background
- Language: JavaScript
- Homepage: http://solarsystem.severidade.com.br/
- Size: 8.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Solar System
Esta aplicação React, desenvolvida com componentes de classe, lista todos os planetas do Sistema Solar e também algumas das missões espaciais mais conhecidas. Nela exercitei o uso de props e composição de componentes, conceitos fundamentais no desenvolvimento de aplicações React.
O design dessa aplicação foi desenvolvido utilizando o conceito de Mobile First.
Para a criação do Background em vídeo usei a biblioteca ReactPlayer.
## 🤹 Habilidades
* Uso do JSX no React
* Uso do método `render()` para renderizar mues componentes
* Uso do `import` para trazer componentes em diferentes arquivos
* Criação de componentes de classe em React
* Criação de múltiplos componentes a partir de um array
* Uso de `props` corretamente
* Uso de `PropTypes` para validar as `props de um componente`
## 🚀 Tecnologias
- React é uma biblioteca JavaScript de código aberto focada na criação de interfaces de usuário em páginas da web.
- JavaScript é uma linguagem de programação interpretada estruturada, de script em alto nível com tipagem dinâmica fraca e multiparadigma.
- HTML é a linguagem base para se desenvolver qualquer site.
- CSS é uma linguagem de folha de estilo composta por “camadas”, criado com o propósito de estilizar as páginas HTML.
🚀 Para rodar o projeto localmente
1. Clone o repositório
* `git clone git@github.com:severidade/solar_system.git`.
* Entre na pasta do repositório que você acabou de clonar:
* `cd solar_system`
2. Instale as dependências e inicialize o projeto
* Instale as dependências:
* `npm install`
* Inicialize o projeto:
* `npm start` (uma nova página deve abrir no seu navegador com um texto simples)
🗣 Feedbacks
_Me dê feedbacks, estou aberto a novas ideias_ 😉