Recursos a serem baixados para perfeito funcionamento:
[!] 1. Node Pack Manager(NPM):
(Windows)
- Vá para o site oficial do Node.js: nodejs.org.
- Baixe a versão recomendada (LTS).
- Execute o instalador baixado e siga as instruções. Certifique-se de selecionar a opção "Automatically install necessary tools" durante a instalação.
(MacOs)
- No CMD: "brew install node"
[!] 2. Visual Studio Code Passo 1: Acesse o site oficial
Abra seu navegador de internet e vá para o site oficial do Visual Studio Code: https://code.visualstudio.com/.
Passo 2: Baixe o VS Code Na página inicial, você verá um botão com o texto "Download for Windows" (ou para o seu sistema operacional, como macOS ou Linux). Clique nesse botão. Se você estiver usando outro sistema operacional, como macOS ou Linux, clique na seta ao lado do botão "Download" e selecione o sistema adequado.
Passo 3: Instale o VS Code Depois que o arquivo de instalação for baixado, localize o arquivo em sua pasta de downloads e execute-o. Siga as instruções do instalador: Aceite os termos de licença. Escolha o local de instalação (ou use o local padrão). Se desejar, selecione as opções adicionais (recomenda-se marcar "Add to PATH" para poder abrir o VS Code diretamente no terminal). Clique em "Install" para iniciar a instalação.
Passo 4: Abra o VS Code Após a instalação, você pode iniciar o VS Code a partir do atalho que foi criado no seu desktop ou no menu iniciar. O VS Code será aberto com a tela inicial. Agora, você pode começar a configurar extensões e personalizar o ambiente conforme suas necessidades.
[!] 3. React.JS:
-
No CMD do Visual Studio Code, você abrirá um terminal de CMD(Command Prompt), escreverá o seguinte código: "npx create-react-app ./" e apertará enter.
-
Depois no mesmo terminal, para iniciar o programa, digitará npm start. Obs: Veja se o final do caminho de arquivo bate com o nome da pasta "cat-assist-web".
[!] 4. React-dom:
- No terminal CMD, digite a seguinte linha de código: "npm install react-dom"
[!] 5. Bootstrap:
- No terminal CMD, digite o seguinte: "npm install bootstrap"
[!] 6. Firebase:
- No terminal CMD, digite a seguinte linha de código: "npm install firebase" e em seguida "npm install firestore"
[!] 7. React-Router-Dom:
- npm install react-router-dom
[!] 8. React-Bootstrap:
- npm install react-bootstrap
[!] 9. React-Icons:
- npm install react-icons
[!] 10. Animate.css:
- npm install animate.css