https://github.com/williamjayjay/react-native-download-pdf-tailwind-gfont-pathimport
POC utilizando React Native, para testar a funcionalidade do expo de fazer download e ler PDF de maneira performática, com o estilo feito com tailwind e as fontes do google expo.
https://github.com/williamjayjay/react-native-download-pdf-tailwind-gfont-pathimport
Last synced: 14 days ago
JSON representation
POC utilizando React Native, para testar a funcionalidade do expo de fazer download e ler PDF de maneira performática, com o estilo feito com tailwind e as fontes do google expo.
- Host: GitHub
- URL: https://github.com/williamjayjay/react-native-download-pdf-tailwind-gfont-pathimport
- Owner: williamjayjay
- Created: 2024-03-17T17:11:59.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-21T15:41:06.000Z (about 1 year ago)
- Last Synced: 2025-02-17T22:27:17.868Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 19.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
😇 React Native - Download PDF (tailwind, expo font, typescript, path import)
Download PDF é um app que podemos testar a funcionalidade de baixar e visualizar PDF no React Native.
Está é apenas uma POC de React Native.
## 🥶 Sobre o projeto
Desenvolvi esse projeto, baseado em estudos sobre o funcionamento de arquivos PDF dentro do React Native. Tive a idéia de subir o código e organizar da melhor maneira possível tanto as estruturas de pastas quanto o código em si.
## Aplicativo:
**app:** Este APP, desenvolvido em React Native e inicializado com Expo, é responsável por fazer download de arquivo PDF com link estáticos por enquanto. Além disso, ele irá lidar com a biblioteca do expo, "sharing" para podermos visualizar esse PDF dentro do dispositivo.
## 🚀 Tecnologias
Principais tecnologias que utilizei para desenvolver esta aplicação mobile
- [React Native](https://reactnative.dev/)
- [Expo](https://expo.io/)
- [TypeScript](https://www.typescriptlang.org/)
- [NativeWind](https://www.nativewind.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [Expo Google Font](https://docs.expo.dev/develop/user-interface/fonts/)
- [Expo Sharing](https://docs.expo.dev/versions/latest/sdk/sharing/)
## Guia de inicialização
Para instalar e configurar uma cópia local, siga estas etapas simples:
### Guia de inicialização
Para inicializar o **mobile**, basta seguir as instruções abaixo:
1. Clone o repositório:
```sh
git clone https://github.com/williamjayjay/react-native-download-pdf-tailwind-gfont-pathimport
```
2. Instale os módulos do YARN:
```sh
yarn install
```
## Roadmap
- [x] Fazer download de arquivo PDF fixo
- [x] Exibir porcentagem de download do arquivo
- [x] Abrir o arquivo em um leitor de PDF após o download
## APP UX
Desenvolvi o aplicativo com o mínimo de telas possível, concentrando todas as funcionalidades em uma única interface.
