yansilveira00/trabalho-final

Site do Projeto de Robótica do IFNMG - Campus Salinas

Desenvolver um site intuitivo com o propósito de divulgar o Projeto de Robótica do IF Campus Salinas.

🚀 Começando

Essas instruções permitirão que você obtenha uma cópia do projeto em operação na sua máquina local para fins de desenvolvimento e teste.

📋 Pré-requisitos

VS Code (ou outro editor de prefêrencia).
Os demais requisitos serão instalados na sequência. 

🔧 Instalação

Preparando o projeto para rodar no Front-End

• Instalar as dependências

npm install

• Criar o arquivo package.json

npm init

• Instalar o React e o Next.js

npm install next react react-dom

Abra package.json e adicione o seguinte scripts:
"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}

• Para rodar o projeto em localhost

npm run dev

• Instalar o Bootstrap

npm install --save bootstrap

• Instalar a biblioteca para gerenciar o Bootstrap. https://reactstrap.github.io/

npm install --save reactstrap

• Instalar a biblioteca para inserir o CSS diretamente no HTML. https://github.com/zeit/next-plugins/tree/master/packages/next-css

npm install --save @zeit/next-css

• Instalar a biblioteca de ícone

npm i --save @fortawesome/fontawesome-svg-core  @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

• Realizar conexão com a API

npm install --save axios

• Cada página do site, será criada na pasta pages:

Preparando o projeto para rodar no Back-End

• Instalar todas as dependencias indicada pelo package.json

npm install

• Rodar o projeto usando o nodemon

nodemon app.js

• Criar o arquivo package

npm init

• Gerencia as requisições, rotas e URLs, entre outra funcionalidades

npm install express

• Instalar o módulo para reiniciar o servidor sempre que houver alteração no código fonte, g significa globalmente

npm install -g nodemon

• Rodar o projeto usando o nodemon

nodemon app.js

• Instalar o MongoDB

npm install --save mongodb

• Instalar o Mongoose - Mongoose traduz os dados do banco de dados para objetos JavaScript para que possam ser utilizados por sua aplicação.

npm install --save mongoose

• Permitir acesso a API

npm install --save cors

🛠️ Construído com

• Next.JS - Framework Web
• Reacstrap - Biblioteca de componentes React para Bootstrap
• NextCSS - Biblioteca para inserir o CSS diretamente no HTML
• MongoDB - Banco de Dados
• mongoose - Traduz o Banco de Dados para JS
• Insomnia - Programa para testar API REST

✒️ Autores

• Yan Silveira - Front-End - yansilveira00
• Rafael Henrique - Back-End - rhams1997
• Luis Gustavo - Front-End - Phelps671