Sistema desenvolvido para a Semana OmniStack 10.0
yarn init -y
ounpm init -y
: cria o arquivopackage.json
, indicando que o diretório atual é um projeto JavaScript. O arquivo contém diversas informações do projeto, e também indica as dependências do projeto.yarn add express
ounpm install express
: adiciona a dependência do express.yarn add nodemon -D
ounpm install nodemon -D
: adiciona a dependência de desenvolvimento do nodemon.yarn add mongoose
ounpm install mongoose
: adiciona a dependência mongoose.yarn add axios
ounpm install axios
: adiciona a dependência axios.yarn add cors
: habilita o acesso externo.yarn add socket.io
: adiciona a dependência socket.io.
yarn create react-app web
ounpx create react-app web
: cria um novo projeto ReactJS com o nome web.yarn start
ounpm start
: inicializa o projeto React em modo de desenvolvimento.yarn add axios
ounpm install axios
: adiciona a dependência axios.
yarn global add expo-cli
ounpm install -g expo-cli
: instala o expo.expo init mobile
: cria um novo projeto React Native com o nome mobile.yarn start
ounpm start
: inicia o projeto React Native em modo de desenvolvimento.yarn add react-navigation
ounpm install react-navigation
: adiciona a dependência react-navigation.expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context
: comando utilizado para baixar dependências do React Navigation.yarn add react-navigation-stack
ounpm install react-navigation-stack
: adiciona a dependência react-navigation-stack.yarn add @react-native-community/masked-view
ounpm install @react-native-community/masked-view
: necessário instalar para utilizar o react-navigation-stack.expo install react-native-maps
: adiciona a dependência react-native-maps.expo install expo-location
: adiciona a dependência expo-location;expo install react-native-webview
: adiciona a dependência react-native-webview.yarn add axios
: adiciona a dependência axios.yarn add socket.io-client
: adiciona a dependência socket.io-client.
code .
: abre o VS Code no diretório atual.
Ctrl + Shift + P
: abre a "Palete de comandos".Ctrl + '
: abre o Terminal integrado.
- Acesse http://mongodb.com/cloud/atlas
- Crie um usuário/Faça login.
- Clique em
Build a Cluster
. - Selecione Starter Cluster.
- Vá em SECURITY > Database Access e clique em
+ ADD NEW USER
. - Adicione um usuário e senha com permissão Read and write to any database.
- Vá em SECURITY > Network Access e clique em
+ ADD IP ADDRESS
. - Para possibilitar o acesso ao banco em ambiente de desenvolvimento, clique em
ALLOW ACCESS FROM ANYWHERE
. - Vá em ATLAS > Clusters e clique em
CONNECT
. - Selecione Connect Your Application.
- Em DRIVER, selecione
Node.js
. Em VERSION, selecione3.0 or later
. - Selecione e copie o texto de Connection String Only.
- Adicione a dependência
mongoose
. - Após importar o mongoose em sua aplicação, utilize
mongoose.connect('connectionString')
para conectar ao banco.
- Faça o download do MongoDB Compass Community em https://www.mongodb.com/download-center/compass
- No site do MongoDB Atlas, vá em ATLAS > Clusters e clique em
CONNECT
. - Selecione Connect with MongoDB Compass.
- Copie a string de conexão.
- Abra o MongoDB Compass e automaticamente será detectada a conexão.
- Verifique os dados (senha, banco de dados) e clique em
CONNECT
.