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.