Open the App.js file to start writing some code. You can preview the changes directly on your phone or tablet by scanning the QR code or use the iOS or Android emulators. When you're done, click Save and share the link!
When you're ready to see everything that Expo provides (or if you want to use your own editor) you can Download your project and use it with expo cli).
All projects created in Snack are publicly available, so you can easily share the link to this project via link, or embed it on a web page with the <> button.
If you're having problems, you can tweet to us @expo or ask in our forums or Discord.
Snack is Open Source. You can find the code on the GitHub repo.
Educalivros é um aplicativo multifuncional que integra biblioteca digital, cursos online e e-commerce em uma única plataforma. Com uma interface amigável e uma estrutura bem organizada, o projeto proporciona uma experiência agradável e eficiente para os usuários.
Educalivros é um projeto de aplicativo móvel desenvolvido utilizando o framework React Native com a ajuda do Expo, que mostra as atualizações e desenvolvimento do código no Snack. O objetivo principal do aplicativo é fornecer uma plataforma integrada para que os usuários possam acessar uma biblioteca digital, cursos online e uma loja de e-commerce para compra de livros e materiais educativos.
O Educalivros é um aplicativo que visa enriquecer a experiência dos usuários no âmbito educacional e literário. O aplicativo possui várias funcionalidades que permitem ao usuário explorar e interagir com diversos recursos, como livros, cursos e e-commerce, de forma simples e intuitiva.
Este é o arquivo principal do projeto onde o navegador de telas é configurado. Utiliza NavigationContainer do @react-navigation/native e createStackNavigator do @react-navigation/stack para gerenciar as navegações entre as diferentes telas do aplicativo.
Componente de cabeçalho personalizado que é exibido em todas as telas do aplicativo. Contém um logo e um botão de navegação para a tela de biblioteca.
Tela inicial do aplicativo, que dá as boas-vindas aos usuários e apresenta uma breve descrição da biblioteca.
Tela da biblioteca que utiliza o componente LibraryBooks para exibir uma lista de livros disponíveis. Cada item da lista é clicável e redireciona para a tela de detalhes do livro.
Tela que mostra os detalhes de um livro específico, incluindo o título, autor e imagem do livro. Também oferece opções para alugar ou comprar o livro.
Tela de login onde os usuários podem inserir suas credenciais para acessar funcionalidades adicionais, como alugar ou comprar livros.
Contexto de autenticação que fornece o estado de login e as funções para fazer login e logout. É utilizado para proteger certas rotas e funcionalidades que requerem autenticação.
O aplicativo utiliza uma fonte personalizada, Cinzel-Regular, que é carregada no início do aplicativo utilizando a biblioteca expo-font.
O @react-navigation/native é utilizado para gerenciar a navegação entre as diferentes telas do aplicativo. O createStackNavigator é usado para configurar a navegação em pilha.
A biblioteca expo-font é utilizada para carregar a fonte personalizada Cinzel-Regular, garantindo uma aparência única e consistente em todo o aplicativo.
A Context API do React é utilizada para gerenciar o estado global de autenticação, permitindo que o estado de login seja compartilhado entre diferentes componentes.
O projeto foi desenvolvido com uma abordagem de componentização, onde cada parte do aplicativo é dividida em componentes reutilizáveis. Isso facilita a manutenção e a escalabilidade do código.
- Node.js
- Expo CLI
app.preview.mp4
Link da Apresentação: https://www.canva.com/design/DAGHy0fJqBI/XrnE0XVuevim_WupJEHvAA/edit