Sistema desenvolvido para a Semana OmniStack 9.0.
yarn add express
ounpm install express
: adiciona a dependência Express ao projeto.yarn add nodemon -D
ounpm install nodemon -D
: adiciona a dependência Nodemon apenas para a versão de desenvolvimento do projeto (-D
).yarn add mongoose
ounpm install mongoose
: biblioteca que facilita trabalhar com os dados no MongoDB.yarn add multer
ounpm install multer
: lida com formatos Multipart Form Data (upload de arquivos, etc).yarn add socket.io
: abstrai funcionalidades do protocolo WebSockets implantado pelo node para realizar chamadas em tempo real.node src/server.js
ouyarn dev
: roda o arquivoserver.js
no servidor local, disponibilizando chamadas à API.
yarn add axios
ounpm install axios
: biblioteca que permite realizar chamadas à API.yarn add cors
ounpm install cors
: biblioteca que gerencia os endereços que podem consumir a API.yarn add react-router-dom
ounpm install react-router-dom
: biblioteca de rotas mais famosa no ReactJS.yarn add socket.io-client
: instala as dependências que vão consumir o backend das WebSockets.yarn start
ounpm start
: executado no diretóriofrontend
(onde o projeto ReactJS foi criado) para executá-lo.
yarn add axios
ounpm install axios
: biblioteca que permite realizar chamadas à API.yarn add react-navigation
ounpm install react-navigation
: biblioteca mais utilizada para gerenciar as rotas no React Native.expo install react-native-gesture-handler react-native-reanimated
: bibliotecas para lidar com gestos e animações dentro do Expo.yarn add socket.io-client
: instala as dependências que vão consumir o backend das WebSockets.yarn start
ounpm start
ouexpo start
: executado no diretóriomobile
(onde o projeto React Native foi criado) para executá-lo.
yarn init -y
ounpm init -y
: cria o arquivopackage.json
com as configurações do projeto. Esse arquivo mantém as dependências instaladas no projeto.
yarn create react-app frontend
ounpx create-react-app frontend
: cria um novo projeto React em um diretório chamadofrontend
.
npm install -g expo-cli
: instala o expo, que facilita na construção da aplicação (porém, não possui todas as funcionalidades nativas do Android/iOS).expo init mobile
: cria um projeto React Native com o nome 'mobile' utilizando a biblioteca Expo.
Ctrl
+'
: abre o terminal do VSCode.Ctrl
+D
: edita palavras iguais.
portquiz.net:27017
: site que verifica se a porta 27017 (padrão node) está aberta.