Home | Escopo e Cronograma | Processo | Mockups | Configuração | Arquitetura | Código | BD | Qualidade | Utilização |
---|
Arquitetura do FrontEnd
Estrutura do Projeto Aqui está uma visão geral da estrutura básica do projeto:
hoortech_frontend/
├── node_modules/ # Módulos e pacotes instalados via npm
├── public/ # Arquivos públicos estáticos
│ ├── favicon.ico # Ícone da aba do navegador
│ ├── index.html # Arquivo HTML principal
│ ├── logo192.png # Ícone padrão (opcional)
│ ├── logo512.png # Ícone padrão (opcional)
│ ├── manifest.json # Configurações de PWA (opcional)
│ └── robots.txt # Configurações para motores de busca
├── src/ # Código-fonte do projeto
│ ├── assets/ # Arquivos estáticos (imagens, fontes, etc.)
│ │ └── images/ # Imagens utilizadas no projeto
│ ├── components/ # Componentes React reutilizáveis
│ ├── pages/ # Componentes de página
│ ├── services/ # Serviços para comunicação com APIs
│ ├── styles/ # Arquivos de estilização (CSS, SASS, etc.)
│ ├── tests/ # Arquivos de testes
│ ├── utils/ # Funções utilitárias e helpers
│ ├── routes.js # Configuração de rotas da aplicação
│ ├── App.js # Componente principal
│ ├── index.js # Ponto de entrada do React
│ └── ...
├── .gitignore # Arquivos a serem ignorados pelo Git
├── package.json # Arquivo de configuração do npm
├── package-lock.json # Versões exatas das dependências instaladas
└── README.md # Instruções do projeto
Scripts Disponíveis No diretório do projeto, você pode executar os seguintes comandos:
npm start: Inicia o servidor de desenvolvimento. npm run build: Compila a aplicação para produção na pasta build. npm run eject: Remove a dependência de configuração do create-react-app. npm install @mui/icons-material @mui/material @emotion/styled @emotion/react: instala Material Icons.
Diagrama de deploy