/marvel-heroes-kotlin

Aplicativo simples que lista personagens da Marvel e suas informações como biografia, níveis de habilidade e participações em filmes e séries. Desenvolvido para estudar Kotlin e android Nativo

Primary LanguageKotlin


marvel-heroes-app

Marvel Heroes App

Aplicativo simples que lista personagens da Marvel e suas informações como biografia, níveis de habilidade e participações em filmes.

marvel-heroes-app

📋 Índice

🎨 Telas

marvel-heroes-app marvel-heroes-app marvel-heroes-app marvel-heroes-app marvel-heroes-app

📃 Sobre o projeto

Aplicativo proposto como desafio pela umpontoseis no site de desafios DevChallenge onde objetivo é desenvolver um app que liste alguns personagens da Marvel e suas caracteristicas, tudo isso seguindo o design proposto e utilizando os dados fornecidos.

A proposta do projeto surgiu em 2020 onde fiz o app em React Native, agora em 2024 estou refazendo o mesmo, porém em Kotlin!

🛠 Tecnologias utilizadas

  • K Kotlin — Aplicativo mobile
  • 📱 Jetpack compose — UI
  • 📡 Retrofit — Chamadaas para a API
  • 💉 Hilt — Injeção de dependência
  • 🛳️ HilNavCompose — Navegação
  • 🕛 Coroutines — Chamadas assincronas
  • 🖼️ Coil — Carregamento e manipulação de imagens vindas da API

🚀 Rodando o projeto

Pré-requisitos

  • Git
  • NodeJS

Antes de rodarmos o app precisamos rodar o contéudo da pasta server, é uma pasta com estrutura simples onde estão concentrados os arquivos responsáveis por simular uma API com JSON Server

💻 Rodando o server

Clone o repositório

# Clona o repositório
git clone https://github.com/thiagosprestes/Marvel-heroes-kotlin.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do server
cd server


# Troque a linha SEU_ENDEREÇO_DE_IP pelo endereço de IP do seu computador

# Inicia o server
npx json-server application.json --host SEU_ENDEREÇO_DE_IP -p 3333

# Acesse http://localhost:3333 para acessar o servidor caso deseje

📱 Rodando o aplicativo mobile

  1. Abra a pasta raiz do projeto no Android Studio
  2. Localize o arquivo `local.properties`
  3. Adicione a seguinte linha: BASE_URL="http://SEU_ENDEREÇO_DE_IP:3333/"
  4. Rode o app