Link Wallet é um aplicativo móvel desenvolvido para ajudar usuários a salvar, organizar e acessar seus links importantes de forma rápida e eficiente. Com ele, é possível categorizar links, gerar QR Codes para compartilhamento fácil e arquivar links que não são mais de uso frequente, mantendo sua lista principal sempre limpa e organizada.
O projeto foi construído utilizando tecnologias modernas de desenvolvimento mobile para garantir uma experiência de usuário fluida e uma base de código manutenível.
- Adicionar e Salvar Links: Adicione novos links com título, URL e categoria.
- Organização por Categorias: Filtre e visualize seus links por categorias personalizadas.
- Geração de QR Code: Crie um QR Code para qualquer link salvo para compartilhamento rápido.
- Arquivamento de Links: Mova links para uma área de arquivados para manter sua lista principal organizada.
- Exclusão Permanente: Remova links da lista de arquivados de forma definitiva.
- Armazenamento Local: Todos os dados são salvos de forma segura no dispositivo do usuário.
- Navegação Intuitiva: Interface simples e direta, construída com Expo Router.
Este projeto foi desenvolvido com as seguintes tecnologias e bibliotecas:
- React Native: Framework para desenvolvimento de aplicativos móveis nativos.
- Expo: Plataforma e conjunto de ferramentas para construir e implantar aplicativos React Native.
- Expo Router: Sistema de navegação baseado em arquivos para aplicativos Expo.
- TypeScript: Superset do JavaScript que adiciona tipagem estática ao código.
- AsyncStorage: Sistema de armazenamento local (key-value) para React Native.
- Axios: Cliente HTTP para realizar requisições à API (usado para gerar QR Code).
- Zod: Biblioteca para validação de esquemas e tipos.
Para executar este projeto localmente, siga os passos abaixo.
Antes de começar, você precisará ter o seguinte software instalado em sua máquina:
- Node.js (versão LTS recomendada)
- Git
- EAS CLI (CLI global do Expo):
npm install -g eas-cli
- Um emulador Android (via Android Studio) ou iOS (via Xcode), ou um dispositivo físico com o aplicativo Expo Go instalado.
-
Clone o repositório:
git clone [https://github.com/GustavoVezetiv/Link.git](https://github.com/GustavoVezetiv/Link.git)
-
Acesse a pasta do projeto:
cd Link -
Instale as dependências:
npm install
-
Configure a API (Passo Crucial): O serviço de geração de QR Code depende de uma API externa. Você precisa configurar o endereço base da sua API.
- Abra o arquivo
src/services/api.ts. - Substitua o valor
"SEUIP:SUAPORTA"pela URL da seu IP e porta:
// src/services/api.ts import axios from "axios"; export const api = axios.create({ baseURL: 'http://SEUIP:SUAPORTA', <-- Altere esta linha });
- Abra o arquivo
E depois de "npm run dev"
5. **Execute o projeto:** ```npx expo start ```Após executar o comando acima, o Metro Bundler será iniciado e abrirá uma nova aba no seu navegador. A partir dela, você pode:
- Escanear o QR Code com o aplicativo Expo Go no seu celular.
- Pressionar a tecla
ano terminal para iniciar o aplicativo no emulador Android. - Pressionar a tecla
ino terminal para iniciar o aplicativo no simulador iOS.
O projeto está organizado da seguinte forma para facilitar a manutenção e escalabilidade:
Link/
├── src/
│ ├── app/ # Telas e rotas (Expo Router)
│ │ ├── (tabs)/ # Layout principal com abas
│ │ └── ...
│ ├── assets/ # Imagens, fontes e outros arquivos estáticos
│ ├── components/ # Componentes reutilizáveis (Botões, Links, etc.)
│ ├── services/ # Configuração de serviços externos (ex: api.ts)
│ ├── storage/ # Lógica de armazenamento local (AsyncStorage)
│ ├── styles/ # Estilos globais (cores, fontes)
│ └── utils/ # Funções utilitárias e constantes
│
├── .gitignore
├── app.json # Configurações do projeto Expo
├── package.json # Dependências e scripts do projeto
└── tsconfig.json # Configurações do TypeScript
Este projeto está distribuído sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Gustavo Vezeti
- GitHub: @GustavoVezetiv
- Email: gustavovezetiv8@gmail.com