|
|
|
**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. |
|
|
|
\ No newline at end of file |