Aplicativo desenvolvido em React Native (Expo) inspirado na experiência de leitura do Kindle, voltado para o público de tecnologia, matemática, engenharia e ciências aplicadas.
O projeto tem como objetivo simular uma plataforma de leitura digital para livros técnicos e científicos, explorando arquitetura front-end, gerenciamento de estado global e navegação híbrida em ambiente mobile.
-
React Native + Expo
Desenvolvimento mobile multiplataforma com Preview em tempo real. -
React Navigation
Estrutura de navegação combinando:- Drawer Navigation (menu lateral)
- Bottom Tab Navigation (acesso rápido às seções principais)
-
Context API
Controle global de favoritos comuseStateeuseContext. -
Hooks do React
Uso deuseMemo,useState,useContextpara otimização e componentização. -
Busca e Filtragem Dinâmica
Pesquisa por título, autor ou categoria em tempo real, comFlatListe renderização condicional. -
Mock Data
Catálogo simulado com livros organizados por áreas técnicas (Ciência da Computação, Matemática, Engenharia, etc.). -
Componentes Reutilizáveis
Criação de componentes atômicos como:BrandHeaderSearchBarChipBookCardFeaturedStrip
-
Interface Responsiva e Tema Escuro
Layout adaptável e Dark Theme customizado, integrando ao tema doReact Navigation.
- Início: destaques, busca e filtros.
- Biblioteca: lista completa e categorizada de livros.
- Favoritos: gerenciamento de itens salvos com estado global.
- Detalhes: descrição do livro e ações simuladas de leitura.
- Sobre e Configurações: telas auxiliares acessadas via Drawer.
- Organização modular de componentes
- Separação entre dados, lógica e UI
- Uso de
SafeAreaVieweDimensionspara compatibilidade mobile - Cuidados com a bottom bar para evitar conflito com botões do sistema
Consolidar conceitos de:
- Arquitetura de componentes
- Gerenciamento de estado
- Navegação híbrida
- Lógica e estrutura de dados no front-end mobile
Desenvolvido por Arthur Silva Soares — Projeto acadêmico FATEC Itaquera
Repositório do projeto disponível em: Snack Expo
react-native expo javascript context-api react-navigation mobile-development fatec engenharia matematica tecnologia