https://github.com/luiizsilverio/happy-react-native

Projeto desenvolvido em React-Native (NLW 03)
https://github.com/luiizsilverio/happy-react-native

axios expo lottie-react-native nlw nlw-3 react-native react-native-maps typescript

Last synced: 8 months ago
JSON representation

Projeto desenvolvido em React-Native (NLW 03)

• Host: GitHub
• URL: https://github.com/luiizsilverio/happy-react-native
• Owner: luiizsilverio
• License: mit
• Created: 2021-09-12T12:29:58.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-10-16T16:59:18.000Z (over 4 years ago)
• Last Synced: 2025-06-27T10:04:31.150Z (9 months ago)
• Topics: axios, expo, lottie-react-native, nlw, nlw-3, react-native, react-native-maps, typescript
• Language: TypeScript
• Homepage:
• Size: 5.67 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

  

    

    
Happy

  


## Conteúdo

* [Sobre o Projeto](#sobre-o-projeto)

* [Tecnologias](#hammer_and_wrench-tecnologias)

* [Screenshots](#camera_flash-screenshots)

* [Iniciando o Projeto](#car-Iniciando-o-projeto)

* [Licença](#balance_scale-licença)

* [Contato](#email-contato)

## Sobre o projeto

Aplicação desenvolvida em React Native e Typescript para cadastrar e acessar os dados de orfanatos.


Permite visualizar um mapa interativo, com a posição dos orfanatos cadastrados.


Ao cadastrar um orfanato, permite selecionar uma ou mais imagens.


Para funcionar, é preciso que a aplicação [happy-back](https://github.com/luiizsilverio/happy-back), desenvolvida em Node, esteja rodando na porta 3333.


Acrescentei uma animação na tela de carregamento dos dados do orfanato.


## :hammer_and_wrench: Tecnologias

* React Native

* Typescript

* Expo: componentes de fonte, image-picker, status-bar etc.

* Mapa interativo com React-native-maps

* Animação com Lottie-react-native

* Rotas com React-navigation/native

* Acesso à API através do Axios

## :camera_flash: Screenshots

![](https://github.com/luiizsilverio/happy-react-native/blob/main/assets/happy.gif)

## :car: Iniciando o projeto

* Antes de iniciar a aplicação, inicie a API [happy-back](https://github.com/luiizsilverio/happy-back)

* Baixe e instale o ExpoGo no dispositivo (celular ou emulador)

* Baixe o repositório com ``` git clone ``` e entre na pasta do projeto.

* Informe o IP do computador no arquivo ``` src/services/api.js ```, em ``` api_host ```.

* Digite ``` yarn ``` no terminal, para inicializar o projeto.

* Digite ``` yarn start ``` no terminal, para executar o projeto.

## :balance_scale: Licença

Este projeto está licenciado sob a [licença MIT](LICENSE).

## :email: Contato

E-mail: [**luiiz.silverio@gmail.com**](mailto:luiiz.silverio@gmail.com)