Projeto de simulação de um e-commerce de produtos naturais
O App lista e cadastra produtos com imagem, nome, descrição e valor. Também, apresenta uma tela de detalhes do produto ao clicar em um dos produtos da lista:
Kotlin
: linguagem padrão do projetoJetpack Compose
: framework de criação de telas com o padrão de UI declarativaScaffold
: base para utilizar os componentes do materialTopAppBar
: barra do topo do AppFloatingActionButton
: botão para acessar formulário de produto
Card
: container de cada item do produtoColumn
: ordenação dos composables em colunaBox
: container para alinhar composables sobre o outroText
: apresentação de texto do nome, descrição e valorImage
: carregamento de imagensOutlinedTextField
: campo de texto para inserir as informações do produtoButton
: botão para salvar produtosLazyColumn
: carregamento dos itens do produto dinacamenteCoil
: biblioteca para carregar imagens a partir de URLsDialog
: caixa de diálogo para inserir imagensTextButton
: botões para a caixa de diálogo
Navigation
: configuração de nevagação de telasHilt
: lib para injeção de dependência.ViewModel
: componente para lidar com os dados de cada tela (Composable)Room
: lib para facilitar a comunicação com o banco de dados utilizando o SQLiteDAO
: padrão para salvar e oferecer produtos.Entity
: definição de campos que devem ser salvos no banco de dados
Extração de componentes
: criação e separação de componentes em arquivos distintos para isolar e reutilizar
Você pode acessar o projeto a partir da branch dev. Se preferir, pode baixá-la também como um zip.
Após baixar o projeto, você pode abrir com o Android Studio. o Jetpack Compose entrou em release a partir da versão Arctic Fox do AS (2020.3.1) para abrir o projeto. Após instalar esta versão e abrir a tela de launcher clique em:
- Open (ou uma opção similar para abrir projetos) (ou alguma opção similar)
- Procure o local onde o projeto está e o selecione (Caso o projeto seja baixado via zip, é necessário extraí-lo antes de procurá-lo)
- Por fim clique em OK
O Android Studio deve executar algumas tasks do Gradle para configurar o projeto, aguarde até finalizar. Ao finalizar as tasks, você pode executar o App 🏆