Browse Source

Minor bug fixing.

master
Venturinha 2 years ago
parent
commit
e504eec783
6 changed files with 48 additions and 14 deletions
  1. +32
    -3
      README.md
  2. +3
    -3
      server/services/astro/around-list.get.js
  3. +1
    -1
      website/src/App.jsx
  4. +9
    -5
      website/src/base/Footer/index.jsx
  5. +2
    -1
      website/src/base/Footer/index.less
  6. +1
    -1
      website/src/components/Banner/index.less

+ 32
- 3
README.md View File

@ -1,12 +1,41 @@
# ORBITAPP
# ORBITAPPg
Projecto desenvolvido no âmbito do desafio final do Bootcamp 23.1. Projecto desenvolvido no âmbito do desafio final do Bootcamp 23.1.
## Introdução - Desafio ## Introdução - Desafio
### Objectivo 1
Desenvolver uma estrutura de dados para gerir os astros de sistemas solares, com pelo menos estas tabelas:
○ Estrela
○ Planeta
○ Satélite Natural
Criar a associação das órbitas através das relações de dados, onde:
○ A estrela tem diversos planetas orbitando;
○ Cada planeta tem satélites naturais orbitando.
## Implementação
Armazenar o raio e a velocidade de rotação de cada astro, e carregar os dados para 2 ou mais sistemas solares.
Na API REST:
○ A estrela ter um serviço para fornecer os dados dos planetas orbitando.
○ Os planetas terem um serviço para fornecer os dados dos satélites naturais que orbitam.
O desenvolvimento do frontend utilizando HTML+CSS+JS ou React+LESS.
Deve consumir a API REST e apresentar os dados. Sugestão: ter uma página que lista o sistema solar, e ao clicar em cada astro apresenta os detalhes deste astro de alguma forma.
### Objectivo 2
(Não é obrigatório, é um desafio extra para quem conseguir fazer bem o objetivo anterior.)
Criar serviços na API REST e implementar no frontend meios para realizar a criação, edição e remoção de sistemas solares e todos os seus respectivos astros.
Criar a listagem de sistemas solares com as seguintes funcionalidades:
○ Ao clicar em um sistema solar permite ver todos os dados da estrela e lista os respectivos planetas;
○ Ao clicar em algum planeta permite ver todos os dados do planeta e lista os satélites naturais;
○ Ao clicar em algum satélite natural apresenta todas as suas informações.
## Implementação
Projecto criado com recurso ao CLUAR e inspirado no projecto Helipacity desenvolvido nas aulas do Bootcamp. Projecto criado com recurso ao CLUAR e inspirado no projecto Helipacity desenvolvido nas aulas do Bootcamp.
### Fonte de Informação ### Fonte de Informação
Dados: https://www.wikipedia.org/
Imagens: https://images.nasa.gov/

+ 3
- 3
server/services/astro/around-list.get.js View File

@ -44,12 +44,12 @@ const dbAstros = _db.query(`
--,around.uid as "around_astro_uid" --,around.uid as "around_astro_uid"
,astro.periapsis ,astro.periapsis
,astro.apoapsis ,astro.apoapsis
--astro.image
--astro.image
FROM astro FROM astro
INNER JOIN astro_type INNER JOIN astro_type
ON astro.type_id = astro_type.id ON astro.type_id = astro_type.id
LEFT JOIN ( SELECT id,uid,name FROM astro ) AS around
ON astro.around_astro_id = around.id
LEFT JOIN ( SELECT id,uid,name FROM astro ) AS around
ON astro.around_astro_id = around.id
WHERE WHERE
astro.active = TRUE astro.active = TRUE
AND astro_type.active = TRUE AND astro_type.active = TRUE


+ 1
- 1
website/src/App.jsx View File

@ -58,7 +58,7 @@ function App() {
<ConfigProvider <ConfigProvider
theme={{ theme={{
token: { token: {
colorPrimary: '#1178FF',
colorPrimary: '#c0c5ce',//'#1178FF',
fontSize: 16, fontSize: 16,
borderRadius: 20 borderRadius: 20
} }


+ 9
- 5
website/src/base/Footer/index.jsx View File

@ -19,6 +19,7 @@ function BaseFooter() {
</div> </div>
</Col> </Col>
<Col xs={{ span: 24 }} lg={{ span: 8, offset: 8 }}> <Col xs={{ span: 24 }} lg={{ span: 8, offset: 8 }}>
{/*
<Row className="footer__address"> <Row className="footer__address">
<Col><HomeOutlined /></Col> <Col><HomeOutlined /></Col>
<Col>&nbsp;</Col> <Col>&nbsp;</Col>
@ -31,24 +32,26 @@ function BaseFooter() {
<p><PhoneOutlined /> <Configuration parameter="footer-phone"/></p> <p><PhoneOutlined /> <Configuration parameter="footer-phone"/></p>
</Col> </Col>
</Row> </Row>
*/}
<Row> <Row>
<Col> <Col>
<p><MailOutlined /> <Configuration parameter="footer-email"/></p> <p><MailOutlined /> <Configuration parameter="footer-email"/></p>
</Col> </Col>
</Row> </Row>
<p className="footer__social-links"> <p className="footer__social-links">
<a href="https://github.com/netuno-org" className="share-icons">
<a href="https://github.com/Venturinha" className="share-icons">
<FaGithub /> <FaGithub />
</a> </a>
<a href="https://www.linkedin.com/in/venturinha" className="share-icons">
<FaLinkedin />
</a>
{/*
<a href="https://www.youtube.com/channel/UCYY1Nz6T2NJtP29vba2fqkg" className="share-icons"> <a href="https://www.youtube.com/channel/UCYY1Nz6T2NJtP29vba2fqkg" className="share-icons">
<FaYoutube /> <FaYoutube />
</a> </a>
<a href="https://twitter.com/netuno_org" className="share-icons"> <a href="https://twitter.com/netuno_org" className="share-icons">
<FaTwitter /> <FaTwitter />
</a>
<a href="https://www.linkedin.com/company/netuno-org/" className="share-icons">
<FaLinkedin />
</a>
</a>
<a href="https://discord.gg/4sfXG6YWFu" className="share-icons"> <a href="https://discord.gg/4sfXG6YWFu" className="share-icons">
<FaDiscord /> <FaDiscord />
</a> </a>
@ -58,6 +61,7 @@ function BaseFooter() {
<a href="https://www.instagram.com/netuno_org/" className="share-icons"> <a href="https://www.instagram.com/netuno_org/" className="share-icons">
<FaInstagram /> <FaInstagram />
</a> </a>
*/}
</p> </p>
</Col> </Col>
</Row> </Row>


+ 2
- 1
website/src/base/Footer/index.less View File

@ -9,12 +9,13 @@
0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 1px 0 rgba(0, 0, 0, .14),
0 2px 1px -1px rgba(0, 0, 0, .12); 0 2px 1px -1px rgba(0, 0, 0, .12);
background: @footer-background !important; background: @footer-background !important;
color: @footer-color !important;
//color: @footer-color !important;
&__wrapper{ &__wrapper{
width: 100%; width: 100%;
max-width: @site-max-width; max-width: @site-max-width;
margin: auto; margin: auto;
color: @primary-color;
} }
.logo { .logo {


+ 1
- 1
website/src/components/Banner/index.less View File

@ -6,7 +6,7 @@
&__wrapper{ &__wrapper{
width: 100%; width: 100%;
max-width: @site-max-width; max-width: @site-max-width;
margin-top: -32px;
margin-top: 110px;
@media only screen and (max-width: @header-mobile-width) { @media only screen and (max-width: @header-mobile-width) {
margin-top: 0 margin-top: 0


Loading…
Cancel
Save