{"id":21383071,"url":"https://github.com/agostinhomarcia/binance","last_synced_at":"2025-10-30T18:31:56.459Z","repository":{"id":261108978,"uuid":"883293417","full_name":"agostinhomarcia/binance","owner":"agostinhomarcia","description":"Uma aplicação mobile de exchange de criptomoedas desenvolvida com React Native, inspirada na Binance.","archived":false,"fork":false,"pushed_at":"2024-12-05T13:23:36.000Z","size":2208,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-09T06:04:04.936Z","etag":null,"topics":["navigation","react","react-native","typescript","websocket"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/agostinhomarcia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-04T17:58:21.000Z","updated_at":"2025-05-13T16:04:19.000Z","dependencies_parsed_at":"2024-11-04T19:19:58.861Z","dependency_job_id":"a84d0b58-4fed-4d77-8ca9-4d84257c21c9","html_url":"https://github.com/agostinhomarcia/binance","commit_stats":null,"previous_names":["agostinhomarcia/binance"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/agostinhomarcia/binance","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agostinhomarcia%2Fbinance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agostinhomarcia%2Fbinance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agostinhomarcia%2Fbinance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agostinhomarcia%2Fbinance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agostinhomarcia","download_url":"https://codeload.github.com/agostinhomarcia/binance/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agostinhomarcia%2Fbinance/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264403795,"owners_count":23602620,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["navigation","react","react-native","typescript","websocket"],"created_at":"2024-11-22T11:19:40.770Z","updated_at":"2025-10-30T18:31:51.420Z","avatar_url":"https://github.com/agostinhomarcia.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Crypto Exchange App\n\nUma aplicação mobile de exchange de criptomoedas desenvolvida com React Native, inspirada na Binance.\n\n## 📱 Sobre o Projeto\n\nEste aplicativo é uma exchange de criptomoedas que oferece funcionalidades como visualização de mercado em tempo real, trading e gerenciamento de perfil. O projeto foi desenvolvido utilizando as melhores práticas de desenvolvimento mobile e design de interface.\n\n---\n\n## 🎥 Demonstração do Projeto\n\n### 📱 Screenshots\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExcWxxcnV4ZXpleDR2YjR6bzZ2bW9xNnM0ZzdycTJpNnBnOGZjZGV0ZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ijKEOx0Fx9MFphrWIj/giphy.gif\" alt=\"Home Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmQ5cDBlaXpqZHJpMGlmcG1lczZ2M2txYmxkZ2VlZWoxazdjeGVqayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/bxNenYmaYPZ5re4DXN/giphy.gif\" alt=\"Markets Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExM3hhc2Yzb2d0b3R2ZDl4aHNjMGg1cWpyNXdwYXVrMGVsYm41dXA4eSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/iXb234rPdzeQH5GdD1/giphy.gif\" alt=\"Trade Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNWg4YXg3Mmhoa2hmd2MyMHhmdmVlOGVmNWM4amx1Zzc1MjRwcmQ3aiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/vJVjsOGV2Mymc14sLR/giphy.gif\" alt=\"Trade Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExaXhnNHgzdGs5eGJwMXlhaXZ6ZjBiZ2dlNTFwZmIwM3RqaXd2eXRmbCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/sunP6z1QZPjlFC7fMZ/giphy.gif\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExa2FrMTVoOHJieXR3eHVlOXQ1djBnaDJ3cmJ4Nm00ZHNyZHN6eGFqbCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/XPZsi93o3Wfco1GlYS/giphy.gif\" alt=\"Profile Screen\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003eAndroid\u003c/h3\u003e\n  \u003cimg src=\"/assets/images/home.jpg\" alt=\"Home Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/markets1.jpg\" alt=\"Markets Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/markets2.jpg\" alt=\"Trade Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/trade1.jpg\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/trade2.jpg\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/profile.jpg\" alt=\"Profile Screen\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003eIPhone\u003c/h3\u003e\n  \u003cimg src=\"/assets/images/home-iphone.png\" alt=\"Home Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/markets-iphone1.png\" alt=\"Markets Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/markets-iphone2.png\" alt=\"Trade Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/trade-iphone1.png\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/trade-iphone2.png\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/trade-iphone3.png\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/profile-iphone1.png\" alt=\"Profile Screen\" width=\"200\"/\u003e\n  \u003cimg src=\"/assets/images/profile-iphone2.png\" alt=\"Profile Screen\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n---\n\n## 🚀 Tecnologias Utilizadas\n\n- React Native\n- TypeScript\n- React Navigation\n- React Native Reanimated\n- Victory Native (para gráficos)\n- WebSocket (para dados em tempo real)\n- React Native Vector Icons\n\n---\n\n## 🔐 Funcionalidades de Autenticação\n\n### Login Tradicional\n\n- Sistema de autenticação com usuário e senha\n- Credenciais armazenadas de forma segura usando SecureStore\n- Interface intuitiva com feedback visual\n- Visualização opcional da senha\n- Conversão automática do nome de usuário para minúsculas\n\n### Autenticação Biométrica\n\n- Suporte para autenticação via biometria (digital)\n- Toggle para ativar/desativar a funcionalidade\n- Persistência da preferência do usuário\n\n### Tecnologias Utilizadas\n\n- `expo-secure-store`: Armazenamento seguro de credenciais\n- `expo-local-authentication`: Autenticação biométrica\n- `@react-native-async-storage/async-storage`: Gerenciamento de preferências\n\n---\n\n## 📋 Funcionalidades Principais\n\n### 🏠 Home\n\n- Dashboard com diferentes tipos de gráficos\n- Gráfico de linha/área em tempo real\n- Gráfico de velas (Candlestick) em tempo real\n- Dados atualizados via WebSocket da Binance\n\n### 📊 Markets\n\n- Lista de criptomoedas com preços em tempo real\n- Busca e filtros\n- Ordenação por preço e variação\n- Indicadores de variação de preço\n- Pull-to-refresh para atualização manual\n\n### 💱 Trade\n\n- Interface completa de trading\n- Livro de ofertas em tempo real\n- Formulário de compra/venda\n- Suporte a ordens limite e mercado\n- Feedback visual para ações do usuário\n\n### 👤 Profile\n\n- Visualização de informações do usuário\n- Opções de segurança\n- Gerenciamento de carteira\n- Configurações do aplicativo\n\n### 💱 Trading View\n\nO módulo de trading oferece uma experiência completa de negociação com:\n\n#### 📊 Livro de Ofertas (OrderBook)\n\n- Visualização em tempo real das ordens de compra e venda\n- Atualização automática via WebSocket\n- Indicadores visuais de pressão compradora/vendedora\n- Preço atual e variação percentual\n- Formatação numérica otimizada para valores financeiros\n\n#### 🔄 Interface de Trading\n\n- Tabs alternáveis entre Compra/Venda\n- Suporte a ordens Limite e Mercado\n- Cálculo automático do valor total\n- Validação em tempo real dos inputs\n- Feedback visual para todas as ações\n- Confirmação de ordens para prevenir erros\n- Campos auto-ajustáveis para diferentes moedas\n\n#### 💡 UX/UI\n\n- Design inspirado nas principais exchanges\n- Tema escuro profissional\n- Feedback visual instantâneo\n- Animações suaves\n- Interface responsiva\n- Suporte a gestos\n\n---\n\n## 🔌 APIs Utilizadas\n\n- Binance WebSocket API para dados em tempo real\n  - Preços: wss://stream.binance.com:9443/ws/\n  - Gráfico de velas: /stream?streams=btcusdt@kline_1m\n  - Livro de ofertas: /stream?streams=btcusdt@depth\n\n---\n\n## 🎨 Design\n\nO aplicativo segue o tema escuro da Binance com:\n\n### Cores principais:\n\n- ⚫ Background: `#1E2026`\n- 🟡 Accent: `#F0B90B`\n- 🟢 Success: `#0ecb81`\n- 🔴 Error: `#f6465d`\n- ⚪ Text: `#FFFFFF`\n- Tipografia consistente\n- Animações suaves\n- Interface responsiva\n\n---\n\n## 📦 Como Instalar\n\n1. Clone o repositório:\n\n```bash\ngit clone https://github.com/seu-usuario/crypto-exchange-app.git\n```\n\n2. Instale as dependências:\n\n```bash\ncd crypto-exchange-app\nnpm install\n```\n\n3. Execute o projeto:\n\n```bash\nnpm run android\n# ou\nnpm run ios\n```\n\n---\n\n## 🛠️ Estrutura do Projeto\n\n```\nsrc/\n├── app/\n│   └── index.tsx\n├── components/\n│   ├── markets/\n│   │   ├── MarketsHeader.tsx\n│   │   └── MarketListItem.tsx\n│   └── Toast.tsx\n├── screens/\n│   ├── HomeScreen.tsx\n│   ├── MarketsScreen.tsx\n│   ├── TradeScreen.tsx\n│   └── ProfileScreen.tsx\n└── types/\n    ├── chart.ts\n    └── market.ts\n```\n\n---\n\n## 👥 Contribuição\n\nContribuições são bem-vindas! Sinta-se à vontade para:\n\n1. Fazer um fork do projeto\n2. Criar uma branch para sua feature (`git checkout -b feature/AmazingFeature`)\n3. Commit suas mudanças (`git commit -m 'Add some AmazingFeature'`)\n4. Push para a branch (`git push origin feature/AmazingFeature`)\n5. Abrir um Pull Request\n\n---\n\n[🔝 Voltar ao topo](#crypto-exchange-app)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagostinhomarcia%2Fbinance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagostinhomarcia%2Fbinance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagostinhomarcia%2Fbinance/lists"}