Frontend

Neste guia iremos configurar o ambiente de desenvolvimento com a instalação do nodeJS, clonar o projeto do gitHub, instalação das dependências do projeto, e explicação da estrutura das pastas.

---

Guias

Instalação das ferramentas

Atualização (versões diferentes)

Tive problemas, e agora?

Clonando projeto

Em qualquer lugar de sua preferência:

git clone https://github.com/fa-API-Group-02/web

Abra o projeto no vsCode

cd web
code .

Instalação das dependências do projeto

As dependências que serão instaladas estão listadas no package.json

npm install

Emular o projeto

npm start

Explicação da estrutura das pastas

Pasta	Definição
public	Pasta pública do projeto acessível ao público geral por meio de um servidor web
src/assets	Pasta de arquivos visuais como imagens, estilização (css), componentes, fonts, lottieJSONs, scss etc.
src/assets/styles	Estilização das páginas do projeto
src/components	Código fonte dos componentes do projeto como o Card de filtro das páginas, Navbars, Footers, etc.
src/pages	Código fonte das páginas do projeto
src/services	Arquivo de serviços externos utilizados no projeto como a API do IBGE e a nossa API
src/Context	Pasta contendo toda a configuração dos Contexts utilizados para a sintonização entre os componentes filhos para pais (Card de filtro para página)
src/index.js	Principal arquivo do projeto onde está configurado o sistema de rotas, é neste arquivo que você deve importar uma página nova para que ela possa ser visualizada em seu navegador.
package.json	Contém metadados relevantes para o projeto e é usado para gerenciar as dependências do projeto, scripts, versão e muito mais
node_modules	Armazena as bibliotecas (dependências) do projeto

Documentações

ReactJS

Chart.js

React Chart.js Component Examples

Bora codar 🚀