Next Level Week 3 - Happy

Projeto desenvolvido para a NLW3.

Traga felicidade para o mundo, visite casas de acolhimento institucional e mude o dia de muitas crianças.

O Happy é uma aplicação que conecta pessoas à casas de acolhimento institucional para fazer o dia de muitas crianças mais feliz.

Tabela de conteúdo

• Feature
• Aplicativo
• Tecnologia
• Dependências
• Dependências de desenvolvimento
• Clonando o projeto
• Iniciando a aplicação
• Autor

Features

• Tela inicial com a lista dos orfanatos
• Tela com os detalhes do orfanato
• Tela de cadastro de um novo orfanato

Aplicativo

Inicialmente o aplicativo possui uma lista de orfanatos, detalhes e cadastro de orfanatos.

• Projeto Web
• Projeto Backend

Imagem por Rocketseat

Tecnologia

O projeto foi desenvolvido com o React Native, Expo e Typescript.

Dependências

• React
• React-native
  • react-native-gesture-handler
  • react-native-maps
  • react-native-reanimated
  • react-native-safe-area-context
  • react-native-screens
  • react-native-web
• @expo-google-fonts/nunito
• @react-native-community/masked-view
• @react-navigation/native
• @react-navigation/stack
• Axios
• expo
  • expo-font
  • expo-image-picker
  • expo-status-bar
• Styled Components

Dependências de desenvolvimento

• @types/react
• @types/react-dom
• @types/react-native
• @types/styled-components
• @typescript-eslint/eslint-plugin
• @typescript-eslint/parser
• Babel-plugin-root-import
• Babel-plugin-transform-remove-console
• ESLint
  • Eslint-config-airbnb
  • Eslint-import-resolver-babel-plugin-root-import
  • Eslint-plugin-import
  • Eslint-plugin-import-helpers
  • Eslint-plugin-jsx-a11y
  • Eslint-plugin-react
  • Eslint-plugin-react-hooks
• React-native-web
• Typescript

Clonando o projeto

Baixe o projeto diretamente do GitHub ou use o terminal:

# Clone o repositório
$ git clone git@github.com:paesrafael/nlw3-happy-mobile.git

# Ou use a CLI do GitHub
$ gh repo clone paesrafael/nlw3-happy-mobile

# Acesse a pasta do projeto
$ cd nlw3-happy-mobile

# Instale as dependências
# Na raiz do projeto, use NPM ou YARN para instalar

# Usando YARN
$ yarn install

# Usando NPM
$ npm install

Iniciando a aplicação

Para começar use o comando:

# Usando YARN
yarn start

# Usando NPM
npm start

# Acesse a aplicação em http://localhost:19002

Agora com o navegador aberto, no menu lateral você encontra opções para abrir o aplicativo, escolha a que você preferir.

• Emulador do Android
• Emulador do iOS
• Seu smartphone
  • Baixe o Aplicativo da Expo na App Store ou Google play
  • Escanei o QRCode no aplicativo

Para mais informações veja a documentação do Expo.

Autor

NLW3 - Happy desenvolvido por Rafael Paes