Last commit

Author: Matheus Daniel Cristal Comparotto Gomes

App.tsx

@@ -0,0 +1,45 @@
+import { useFonts } from 'expo-font';
+import * as SplashScreen from 'expo-splash-screen';
+import { useCallback } from 'react';
+import 'react-native-gesture-handler';
+import { ThemeProvider } from 'styled-components/native';
+import Routes from './src/routes';
+import theme from './src/stylesheets/theme';
+import { AppWrapper } from './AppStyles';
+import { UserContextProvider } from './src/context/UserContext';
+
+SplashScreen.preventAutoHideAsync();
+
+export default function App() {
+  const [fontsLoaded] = useFonts({
+    'Inter-Black': require('./assets/fonts/Inter/Inter-Black.ttf'),
+    'Inter-Bold': require('./assets/fonts/Inter/Inter-Bold.ttf'),
+    'Inter-ExtraBold': require('./assets/fonts/Inter/Inter-ExtraBold.ttf'),
+    'Inter-ExtraLight': require('./assets/fonts/Inter/Inter-ExtraLight.ttf'),
+    'Inter-Light': require('./assets/fonts/Inter/Inter-Light.ttf'),
+    'Inter-Medium': require('./assets/fonts/Inter/Inter-Medium.ttf'),
+    'Inter-Regular': require('./assets/fonts/Inter/Inter-Regular.ttf'),
+    'Inter-SemiBold': require('./assets/fonts/Inter/Inter-SemiBold.ttf'),
+    'Inter-Thin': require('./assets/fonts/Inter/Inter-Thin.ttf')
+  });
+
+  const onLayoutRootView = useCallback(async () => {
+    if (fontsLoaded) {
+      await SplashScreen.hideAsync();
+    }
+  }, [fontsLoaded]);
+  
+  if (!fontsLoaded) {
+    return null;
+  }
+
+  return (
+    <AppWrapper onLayout={onLayoutRootView}>
+      <ThemeProvider theme={theme}>
+        <UserContextProvider>
+          <Routes />
+        </UserContextProvider>
+      </ThemeProvider>
+    </AppWrapper>
+  );
+}

AppStyles.ts

@@ -0,0 +1,5 @@
+import styled from 'styled-components/native';
+
+export const AppWrapper = styled.SafeAreaView`
+  flex: 1;
+`;

README.md

@@ -0,0 +1,80 @@
+# holy-mary
+
+## Sumário
+
+- [holy-mary](#holy-mary)
+  - [Sumário](#sumário)
+  - [Motivação](#motivação)
+  - [Pilha de tecnologia](#pilha-de-tecnologia)
+  - [Como rodar](#como-rodar)
+    - [Pré-requisitos](#pré-requisitos)
+    - [Passo a passo](#passo-a-passo)
+
+## Motivação
+
+Este aplicativo é uma bíblia digital que oferece acesso a diversas versões da Bíblia em português. Com a integração da API ABíbliaDigital, é possível buscar por passagens específicas, visualizar capítulos completos e até mesmo salvar versículos favoritos. O app é fácil de usar e oferece uma grande quantidade de recursos para os usuários interessados em estudar conteúdo bíblico. Ao utilizar a ABíbliaDigital neste projeto, os usuários poderão desfrutar de uma experiência completa de leitura e estudo da Bíblia dentro do aplicativo.
+
+Este foi o quinto repositório de código apresentado no [Curso Superior de TSI](https://www.ifms.edu.br/campi/campus-aquidauana/cursos/graduacao/sistemas-para-internet/sistemas-para-internet) do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Programação para Dispositivos Móveis I.
+
+| [← Repositório anterior](https://github.com/mdccg/weather-app) | [Próximo repositório →](https://github.com/mdccg/chart-plotting-demo-app) |
+|-|-|
+
+## Pilha de tecnologia
+
+| Papel | Tecnologia |
+|-|-|
+| [Prototipagem](https://figma.fun/U3r0LD) | [Figma](https://figma.com/) |
+| Ambiente de execução | [Node](https://nodejs.org/en/) |
+| Plataforma | [Expo](https://expo.dev/) | 
+| Linguagem de programação | [TypeScript](https://www.typescriptlang.org/) |
+| Front-end | [React Native](https://reactnative.dev/) |
+| Base de dados | [ABíbliaDigital](https://www.abibliadigital.com.br/pt) |
+
+Os créditos pelas mídias disponibilizadas estão disponíveis [aqui](./assets/README.md).
+
+<!-- Adicionar galeria aqui -->
+
+## Como rodar
+
+### Pré-requisitos
+
+- [Node](https://nodejs.org/en/download/);
+- [Yarn](https://yarnpkg.com/) (opcional);
+- Dispositivo móvel:
+  - [Expo Go](https://expo.dev/client).
+
+### Passo a passo
+
+1. Clone o repositório de código em sua máquina;
+   
+2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal _etc_.);
+   
+3. Instale as dependências do projeto através do seguinte comando:
+
+```console
+$ npm install
+```
+
+Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:
+
+```console
+$ yarn
+```
+
+4. Execute o seguinte comando para iniciar o app:
+
+Para npm:
+
+```console
+$ npm run start
+```
+
+Para Yarn:
+
+```console
+$ yarn start
+```
+
+5. Uma vez iniciado, aparecerá um QR Code. Você deve escaneá-lo com o aplicativo [Expo Go](https://expo.dev/client), disponível para Android e iOS;
+
+6. Como alternativa, você pode executar o app no seu navegador, pressionando o atalho `w`. Entretanto, alguns módulos podem não funcionar na versão web do app.

app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "holy-mary",
+    "slug": "holy-mary",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

assets/README.md

@@ -0,0 +1,28 @@
+[← Voltar](./../README.md)
+
+# Créditos pelas mídias utilizadas
+
+## Fontes tipográficas
+
+- [Inter - Google Fonts](https://fonts.google.com/specimen/Inter)
+
+## Imagens
+
+- [Free Photo | Still life of crown of thorns](https://www.freepik.com/free-photo/still-life-crown-thorns_25212055.htm#query=jesus&position=4&from_view=search&track=sph)
+- [Free Photo | Free photo medium shot senior priest praying](https://www.freepik.com/free-photo/medium-shot-senior-priest-praying_25775959.htm#query=catholic%20priest&position=1&from_view=search&track=ais)
+
+## Paleta de cores
+
+- [Palettes | Flat UI Colors 🎨 280 handpicked colors ready for COPY & PASTE](https://flatuicolors.com/)
+
+## Ícones
+
+- [Magnifying Glass Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/magnifying-glass?f=classic&s=solid)
+- [Bookmark Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/bookmark?f=classic&s=solid)
+- [Language Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/language?f=classic&s=solid)
+- [Book Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/book?f=classic&s=solid)
+- [Arrow Left Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/arrow-left?f=classic&s=solid)
+- [Chevron Left Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/chevron-left?f=classic&s=solid)
+- [Arrow Up A Z Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/arrow-up-a-z?f=classic&s=solid)
+- [Trash Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/trash?f=classic&s=solid)
+- [Share Nodes Classic Solid Icon | Font Awesome](https://fontawesome.com/icons/share-nodes?f=classic&s=solid)