🛒 Lista de Compras

Aplicativo mobile desenvolvido com React Native e Expo para gerenciamento de listas de compras.

O aplicativo permite adicionar produtos à lista, marcar itens como comprados e remover itens quando necessário.

---

📱 Sobre o projeto

O objetivo deste projeto é oferecer uma forma simples e prática de organizar uma lista de compras diretamente pelo celular.

Com uma interface simples, o usuário pode:

• ➕ Adicionar novos itens
• ✅ Marcar itens como comprados
• 🗑️ Remover itens da lista
• 📋 Visualizar todos os itens adicionados
• 🔄 Alterar o status dos itens entre comprado e não comprado

---

✨ Funcionalidades

🛍️ Gerenciamento da lista

• Adicionar um novo item
• Visualizar itens adicionados
• Marcar um item como comprado
• Desmarcar um item comprado
• Remover itens da lista

🎨 Interface

• Interface mobile simples e intuitiva
• Feedback visual para itens comprados
• Layout adaptado para dispositivos móveis

---

🛠️ Tecnologias utilizadas

• React Native
• Expo
• TypeScript
• JavaScript / TypeScript
• Expo CLI

---

📂 Estrutura do projeto

comprar/
│
├── assets/
│   └── ...
│
├── components/
│   └── ...
│
├── screens/
│   └── ...
│
├── App.tsx
├── package.json
├── app.json
└── tsconfig.json

---

🚀 Como executar o projeto

Pré-requisitos

Antes de começar, você precisa ter instalado:

Node.js npm ou yarn Expo CLI Expo Go no celular (opcional)

---

1. Clone o repositório
git clone SEU_REPOSITORIO

Entre na pasta do projeto:
cd comprar

2. Instale as dependências
npm install

3. Inicie o Expo
npx expo start

Após iniciar, o Expo exibirá um QR Code no terminal ou no navegador.

Você pode executar o aplicativo de diferentes formas:

📱 Dispositivo físico

Instale o Expo Go no seu Android ou iOS e escaneie o QR Code.

---

🤖 Android

Com um emulador Android configurado: npx expo start --android

---

🍎 iOS

Com o simulador do iOS configurado: npx expo start --ios

---

📋 Exemplo de utilização

O fluxo principal da aplicação é:

Abrir aplicativo
       │
       ▼
Visualizar lista de compras
       │
       ├───────────────┐
       │               │
       ▼               ▼
Adicionar item    Remover item
       │
       ▼
Item adicionado
       │
       ▼
Marcar como comprado
       │
       ▼
Item concluído

---

🎯 Objetivos do projeto

Este projeto foi desenvolvido com o objetivo de praticar:

Desenvolvimento de aplicações mobile React Native Expo TypeScript Componentização Gerenciamento de estado Manipulação de listas Eventos e interações do usuário Desenvolvimento de interfaces responsivas para dispositivos móveis

---

🔮 Melhorias futuras

Algumas funcionalidades que podem ser adicionadas futuramente:

Persistência dos itens utilizando AsyncStorage Categorias de produtos Quantidade dos produtos Preço dos produtos Cálculo do valor total da compra Edição de itens Filtro por itens comprados/não comprados Limpar todos os itens comprados Modo escuro Animações Sincronização com backend

---

👩‍💻 Autora

Erika Perciliano

Projeto desenvolvido para estudo e prática de desenvolvimento mobile com React Native e Expo.

---

⭐ Se este projeto foi útil para você, considere deixar uma estrela no repositório!

📸 Screenshots