API Space Flight News

Descrição

Um projeto de website, que é baseado na API SpaceFlight News.
Neste site o intuito é divulgar artigos e reportagens feitas por múltiplas medias referente ao descobrimento e avanço da ciência sobre o espaço.

⚠️ O projeto está incompleto e ainda será atualizado tanto na parte do backend como no frontend.⚠️

Funcionalidades

Implementadas ✔️

• Cadastro de Usuários e Login: O projeto possui tela de cadastro e login para os usuários.
• Listagem de artigos já existentes: Clicando na opção 'Artigos' no menu lateral, o usuário consegue visualizar os artigos já cadastrados.

Em construção 🚧

• Criação de Artigos: Os usuários poderão criar artigos que não estão registrados no site, e que deverão ser linkados a uma reportagem ou artigo já existente.
• Criação de Lançamentos: Os usuários poderão criar eventos que não ainda registrados no site, e que deverão ser linkados a uma reportagem ou artigo já existente sobre o mesmo.
• Criação de Eventos: Os usuários poderão criar eventos que não estão registrados no site, e que deverão ser linkados a uma reportagem ou artigo já existente.
• Listagem de eventos já existentes: Clicando na opção 'Eventos' no menu lateral, o usuário consegue visualizar os eventos já cadastrados.
• Listagem de lançamentos já existentes: Clicando na opção 'Lançamentos' no menu lateral, o usuário consegue visualizar os lançamentos já efetuados, ou ainda não realizados.
• Listagem de Sites com informações: Clicando na opção 'Sites Informativos', os usuários terão acesso a links que direcionarão os mesmo a sites que fazem os artigos e detalham os mesmo.
• Listagem de Blogs: Clicando na opção 'Sites Informativos', os usuários terão acesso a blogs com conteúdo voltado ao espaço.

Acesso ao projeto 📁

Você pode acessar o código fonte do projeto inicial aqui, ou baixá-lo aqui.

Abrir e rodar o projeto 🛠️

Pré-Requisitos

⚠️ Node
⚠️ MySQL
⚠️ VS Code

Após baixar o projeto no seu dispositivo, você pode abri-lo no VS Code.
Para isso abra o VS Code em seu dispositivo, após clique em:

VS Code

• File >> Open Folder... ou digite Ctrl+K / Ctrl+O;
• Abra o terminal em Terminal >> New Terminal;
• Digite npm install para realizar a instalação das dependências do projeto;

MySQL

Eu acredito que utilizar o MySQL Workbench será máis fácil para realizar as configurações necessárias.

• Então após realizar a instalação do MySQL do link acima, você deve abrir o MySQL Workbench.
• Realizar a conexão, ou criar um banco local.(Guarde os dados de conexão, como a porta, usuário e senha)
• Deve então criar um Schema, pois esse será nosso banco de dados.(Guarde também o nome do Schema).
• Logo em seguida, deve acessar o VS Code.
• Abrir o arquivo .env na raíz do projeto, e alterar as informações da variável DATABASE_URL, conforme os dados guardados.
  EX: DATABASE_URL="mysql://usuário:senha@localhost:porta/nome_do_schema";
• Após basta entrar no terminal novamente e digitar npx prisma migrate dev --name initDATABASE
• Por último basta digitar no terminal npx prisma db seed para realizar a população do banco com dados.

Finalizada todas as etapas acima sem erro, basta voltar no seu MySQL Workbench e dar um refresh que as 'tables' devem ter sido criadas.
Após todos os passo acima serem realizados, digite npm run start-project no seu terminal e o projeto será aberto no seu navegador.

Tecnologias Utilizadas

• Visual Studio Code
• Node.JS
• JavaScript
• Express
• HTML 5
• CSS 3
• Git
• MySQL

Autores

Angelo Bordin