Este é um app demonstração para gerenciar locais favoritos, em React Native, para estudo / prática de conceitos relacionados a dispositivos nativos como câmera, GPS e armazenamento local, incluindo uso de APIs do Google para visualização e seleção de localicação utilizando mapa. Bem como, prática de comunicação com backend (API Rest) com autenticação, contexto, hooks, navegação, e questões avançadas de layout (tema, grids, orientação).
O projeto está estruturado em /src
com prettier e eslint, baseado em um boilerplate que criei.
- expo - Framework React Native
- React Navigator - Navegação / Menus
- Constate - Gerenciador de contexto React
- Zod / dotenv - Tipagens de variávies de ambiente
- axios - Requisições
- SQLite - Armazenamento local
Antes de instalar/rodar o projeto, você precisa dos seguintes itens:
-
Node para rodar o
npm
. Você pode instala-lo aqui. Este projeto foi construído no node versão18.x
; -
Um celular Android ou iOS com o aplicativo Expo instalado, ou então algum emulador Android ou iOS no computador;
-
Agora, na pasta raíz do projeto, execute:
npm i
npm start
- Execute o app no emulador ou no celular à sua escolha.
- ReactJS - Biblioteca Front-end.
- TypeScript - Superset JavaScript.
- React Native - Framework Front-end.
- Osvaldo Costa - rimancete
Como o projeto é acadêmico, o foco realmente foi esse. Tendo isso em mente, seguem sugestões:
-
Mehorias
- Adicionar "id" no BE ao criar local;
-
Layout
- Implementação de fonte personalizada