Este repositório contém uma coleção de projetos desenvolvidos durante as aulas de Desenvolvimento de Aplicativos Mobile utilizando React Native e Expo Snack. Cada atividade foi criada com o objetivo de explorar conceitos essenciais do desenvolvimento mobile, como navegação, manipulação de estado, formulários, listas dinâmicas, entre outros.
Um app simples que exibe informações pessoais, como nome, foto e descrição profissional.
🛠️ Ferramentas usadas: View, Text, Image
Contador interativo que permite adicionar ou remover pessoas presentes em uma loja.
🛠️ Ferramentas usadas: useState, Button, Text
Calcula a multiplicação de dois números inseridos pelo usuário.
🛠️ Ferramentas usadas: TextInput, Button, useState
Cálculo para verificar qual valor de combustível é mais vantajoso para abastecer o carro (álcool ou gasolina).
🛠️ Ferramentas usadas: TextInput, Button, useState
Calcula o Índice de Massa Corporal (IMC) com base no peso e altura informados.
🛠️ Ferramentas usadas: TextInput, Button, LinearGradient, useState
Jogo onde o usuário tenta adivinhar um número aleatório gerado pelo aplicativo.
🛠️ Ferramentas usadas: Math.random, Alert, Button
Exibe uma lista de produtos em um layout com rolagem horizontal.
🛠️ Ferramentas usadas: ScrollView, Image, Text
Mostra uma lista de vagas na área de TI com rolagem vertical.
🛠️ Ferramentas usadas: ScrollView, Map, View
Versão otimizada da lista de vagas utilizando FlatList para melhor desempenho.
🛠️ Ferramentas usadas: FlatList, TouchableOpacity
Formulário completo para simular a abertura de uma conta bancária.
🛠️ Ferramentas usadas: TextInput, Picker, Button, useState
Projeto mais completo desenvolvido para avaliação, reunindo conceitos de formulários, listas e estilos personalizados.
🛠️ Ferramentas usadas: useState, TextInput, Button, ScrollView, FlatList, StyleSheet
Conversor simples entre moedas, com navegação entre telas utilizando Stack Navigator.
🛠️ Ferramentas usadas: StackNavigator, TextInput, Button, useState
Formulário de abertura de conta com navegação entre telas via Stack Navigator.
🛠️ Ferramentas usadas: StackNavigator, TextInput, Picker, Button, useState
App para simular anúncios de produtos, exibindo os dados em outra página.
🛠️ Ferramentas usadas: StackNavigator, TextInput, ScrollView, useState
Versão adaptada para anúncios de vagas, com navegação e rolagem de tela.
🛠️ Ferramentas usadas: StackNavigator, ScrollView, TextInput, Button, useState
Versão otimizada com FlatList para exibição dinâmica de dados.
🛠️ Ferramentas usadas: StackNavigator, ScrollView, FlatList, useState
Conversor com navegação por abas inferiores usando Bottom Tab Navigator.
🛠️ Ferramentas usadas: BottomTabNavigator, TextInput, useState
Mesma proposta, agora com abas superiores (Top Tab Navigator).
🛠️ Ferramentas usadas: MaterialTopTabNavigator, TextInput, useState
App que gera frases motivacionais e armazena preferências de contraste e fonte com AsyncStorage.
🛠️ Ferramentas usadas: AsyncStorage, useState, Switch, TextInput
Lista de tarefas personalizada com componentes e persistência local.
🛠️ Ferramentas usadas: AsyncStorage, useState, TaskItem
Versão aprimorada da lista, com modal para adicionar tarefas.
🛠️ Ferramentas usadas: AsyncStorage, useState, TaskItem, AddTaskModal
22. Consulta de CEP
Integração com a API ViaCEP para consultar dados a partir do CEP.
🛠️ Ferramentas usadas: Fetch API, TextInput, useState, ScrollView
App que consome a API do GitHub para exibir informações de usuários.
🛠️ Ferramentas usadas: useEffect, Fetch API, TextInput, FlatList
Consumo de API para exibir lista de filmes com imagens e dados.
🛠️ Ferramentas usadas: useEffect, Fetch API, FlatList, Image
Conversor de moedas em tempo real usando a API AwesomeAPI.
🛠️ Ferramentas usadas: Fetch API, TextInput, useState
App de lista de tarefas com operações completas (criar, ler, atualizar, deletar) usando backend real.
🛠️ Ferramentas usadas: Fetch API, FlatList, useEffect, useState
🌐 API usada: https://tarefa-backend.onrender.com/tasks
- React Native: Framework para desenvolvimento de aplicativos móveis nativos.
- Expo Snack: Plataforma online para prototipagem rápida de apps React Native.
- Styled Components: Estilização modular e reutilizável.
- LinearGradient: Componente para criar fundos com efeito degradê.
- MaterialCommunityIcons: Biblioteca de ícones para interfaces modernas.
Este repositório é parte do conteúdo trabalhado em sala de aula e serve como portfólio de aprendizado para alunos e interessados em desenvolvimento mobile com React Native.
Você pode visualizar e testar os projetos diretamente na plataforma Expo Snack, clicando nos links acima ou copiando e colando os códigos disponíveis nas respectivas pastas.