zenitheesc / zenith-website

Zenith Aerospace's home on the web.

ZenSite 2021

Reimagining Zenith's web presence through a modern website that respects the group's technical knowledge and passion for development. We're a student group based in Brazil, we develop open software and hardware. #AdAstraPerAspera

Environment and Tools • Steps to run and debug • How to contribute?

Environment and tools

• Next.js: ^10.0.6,
• React: ^17.0.1,
• npm: ^7.5.4,
• node: ^15.8.0,

We're using ESLint and Prettier for linting/formatting.

Steps to run and debug

• (recommended) npm run dev to compile it in development mode and run it on localhost:3000.
• npm run build to create an optimized production build
• npm start to run the production build on localhost

How to contribute

Check out our figma.

Report bugs and/or feature-requests on our issue tab. Maybe there's something there waiting for you to work on!

Gitflow Holy Rules

• Never commit directly into the Production branch;
• Always run git fetch && git status, especially before merging (also run it on the branch you're trying to merge to) or pushing (I always run it every 5 minutes or so);
• Create a branch to work on;
• Name your branches according to their function. ex: "feature/feature-name"
• Before merging into Develop, TEST your implementation (is it responsive?);

Naming conventions

• Variables: camelCase;
• Functions: camelCase;
• Classes: PascalCase;
• Archives: PascalCase;
• Folders: kebab-case;

Linting and formatting

We're using ESLint and Prettier for linting/formatting.

Specific details can be found on .eslintrc.json and .pretierrc.js

---

[email protected]

zenith-website's Issues

Criar GitHub Actions para checar os JSON

Documentação

• README (https://github.com/othneildrew/Best-README-Template)
• Documentação na Wiki

Feature: Trajectory Browser pra JS

Página "O Zenith": revisão de texto e layout

Ainda faltam:

• Revisão do texto
• Adição e compressão das imagens
• Adicionar as palavras em negrito no JSON e passar o texto pelo parser
• Colocar os icons em svg
• Incorporar o image-component a branch test/cards
• Adicionar o link para o Processo Seletivo com a animação

Implementar o `next/image`

Update: Criar a Timeline

Desenvolver a timeline que será utlizada para filtragem e datação dos projetos na pagina de Projetos.

Cria template de Titulo

Headers das página "Projetos"

Apenas falta implementar o texto do @JulioCalandrin na parte de Hardware.

Inserir fotos do software da página "Projetos"

Ainda faltam criar artes melhores para os projetos de Software, provavelmente, modelos 3D.

Atualizar o README

Preencher campos "steps to run and debug" e "environment and tools"

Update: Template Video

Desenvolver o template universal para o tópico de Video na pagina de Projetos.

Trocar ordem das fotos nos projects

Bap-Suggestions ™️
_
Garatea II - colocar 4a foto como 1a
Garatea III - Colocar última foto como 1a
Garatea V - Colocar 6a ou 7a foto como 1a
Garaeta E 2018 - Colocar última foto como 1a
Garatea I - Colocar antipenúltima foto como 1a

Update: Template Titulo

Desenvolver o template universal para o tópico de Titulo na pagina de Projetos.

Fazer READMEs antigos

• livefeed
• Aker
• CubeDesign-2019
• GroundStation-Mobile
• Design-Blocks
• Zenith-Monitor
• Genus: organizar as pastas do repositório
• Analog-PID-Controller
• Zenith-Osciloscope
• Zenith-Wiki
• garatea2
• garatea3
• Garatea-V
• haze-remover
• new-zenith-template
• USPSat-AE2_EPS
• USPSat-AE1
• ZenSat_1.0
• AttitudeDetermination
• ZenView
• Report_Maker
• GitNadir
• zenith-website

Pop Up do "Seu Logo Aqui"

Criar uma mensagem pop-up quando clicar em "Seu Logo Aqui". A mensagem tem que indicar como entrar em contato com o Zenith.

Error: AOBA

AAAA

Update: Template Overview 1

Desenvolver o template universal para o tópico de Overview na pagina de Projetos.

Criar template de Texto

Criar template de tecnologias

Update: Template Tecnologias

Desenvolver o template universal para o tópico de Tecnologias na pagina de Projetos.

Cards dos setores (Embarcados, Estruturas, Astrobiologia e Gestão)

Implementar a nuvem de palavras nos cards e customizar ela

Feature: Pagina SondeHub

Criar uma pagina no site chamada "Lançamentos" onde terá uma lista dos lançamentos, e a pagina do https://sondehub.org/ ao lado, o usuário poderia escolher qual lançamento ver sobre. Também teria um botão de "AO VIVO" na hora do lançamento para levar para o lançamento ao vivo.

Criar template de Video

Resolver problemas no mecanismo de pesquisa do Duck Duck Go

• Descobrir como indexar a nossa página no Duck Duck Go
• Indexar naquela estrutura de árvore
• Indexar em diferentes idiomas

Feature: test

askdfjaçlksd

Cria template de overview

Avaliação do site no grupo

Avaliar o site por meio de um forms e do Hotjar

Detalhes

Criar o forms e implementar o Hotjar

Resolver problemas no mecanismo de pesquisa do Google

• Indexar a nossa página em inglês no buscador americano
• Indexar a nossa página no formato de árvore

Inserir vídeos do educacional da página "Projetos"

Apesar dos vídeos já estarem inseridos, eles ainda possuem tamanhos distintos.

Observação: devemos procurar mais fotos do Garatéa-E 2019

Legendas das imagens e tradução delas

Colocar as legendas em JSON e traduzi-lás

Error: NavBar transparente pode obstruir leitura do conteúdo

Describe the Error

A navBar torna-se visível quando dá-se o scroll para cima, em alguns casos sobrepõe com texto disponível como no print

Adicionar ZenBee aos projetos

Criar um mecanismo para voltar ao topo da página na página de Projetos

Modelos 3D no KiCaD

Working: @leocelente
Exportar somente o PCB com layout é simples. O KiCAD consegue abrir o arquivo de layout .brd e exportar em VRML. Mas exportar os modelos 3D dos componentes parece só ser possivel convertento todo o projeto, incluindo as bibliotecas para o KiCAD.

Tentativas de mesclar essa saída com os .step vindos do EAGLE não deram certo por incompatibilidade dos formatos.

Error: Margem no final da página

Describe the Error

Uma margem fantasma aparece depois do footer caso tente trocar de página sem estar no topo do site.

Criar template de overview 3D

Atualiza as datas do sábado aeroespacial

Apoiadores

Apesar de já possuir responsividade e funcionar em dispositivos Android, ainda falta acertar o grid em dispositivos iOS.

Detalhes

Em dispositivos iOS, os grid ficam muito grandes e em formato retangular ao invés do formato quadrado.

Sugestões

O grid poderia ser responsivo, tal que, na medida em que apoiadores são adicionados no json, o grid é atualizado.

Error: Trocar label OBSITE na main page por OBSAT

Describe the Error

A tag OBSITE deve ser trocada por OBSAT

Expected behavior

Additional context

Adicionar animação no OVERVIEW | DOCUMENTAÇÃO

Usar a mesma animação do GitHub no sublinhado na página de projetos

Página "Processo Seletivo": revisão de texto e layout

Ainda faltam:

• Revisão do texto
• Adição e compressão das imagens
• Adicionar as palavras em negrito no JSON e passar o texto pelo parser
• Incorporar o form-component a branch test/form-component
• Preencher com informações reais

Realizar a tradução dos textos

• Inglês
• Traduzir o Kurumim para o Inglês
• Espanhol

Inserir fotos do hardware da página "Projetos"

Os projetos do Osciloscópio e do Controlador PID ainda não tem foto definida por culpa da @mairacanal

Detalhes

O @jorgemrisco ainda não renderizou os vídeos do Genus, Varella e da Ground Station na cor de fundo da seção "Hardware".

Inserir os CubeSats renderizados na página de Projetos

Os CubeSats devem ser colocados no hero principal da página de projetos e posicionados em seus respectivos projetos na seção de CubeSats.

Detalhes

Um dos CubeSats ainda não foi renderizado pelo @jorgemrisco, porque ele não conseguiu abrir o arquivo.

Página "Kurumim": revisão de texto e layout

Ainda faltam:

• Revisão do texto
• Adição e compressão das imagens
• Adicionar as palavras em negrito no JSON e passar o texto pelo parser
• Incorporar o form-component da branch test/form-components
• Conversar com o Bap sobre o futuro do Kurumim e como ficará essa página

Ranking de busca + Acessibilidade

Seguir as orientações do Lighthouse e tentar melhorar nossa classificação nos rankings de pesquisa.

Detalhes

• Incluir legendas as imagens e traduzir as legendas

Banners (Genus e Zenith Monitor)

Apesar de já possuir responsividade, ainda faltam alguns detalhes:

• Compressão de vídeos/imagens
• Sensor de visibilidade

Criar novo layout para os projetos

Inserir animações sugeridas

Lista de animações atualmente sugeridas:

• Animação de fade in para alguns componentes
  Ex.: https://michalsnik.github.io/aos/
• Animação de abertura na página principal
  Ex.: https://spacelab.ufsc.br/en/home/

Configurar o Bot da Vercel