Coinlytics é um dashboard de análise de criptomoedas de alto desempenho, projetado para oferecer uma experiência visual premium e dados em tempo real. O projeto demonstra o uso de arquiteturas modernas de frontend e backend, focando em escalabilidade, performance e experiência do usuário (UX).
- Visualização de Mercado Real-time: Acompanhamento dos principais ativos via integração com API da CoinGecko.
- Gráficos Interativos: Visualização de tendências e preços (Sparklines) dos últimos 7 dias utilizando a biblioteca Recharts.
- Dashboard de Visão Geral: Cards dinâmicos com métricas de Market Cap Global, Volume em 24h e Dominância de Bitcoin.
- Busca e Filtragem: Filtro instantâneo de ativos por nome ou símbolo.
- UI/UX Premium: Design moderno com Dark Mode nativo, Glassmorphism, animações suaves e total responsividade.
- Framework: Next.js 16+ (App Router & Turbopack)
- Linguagem: TypeScript
- Estilização: Tailwind CSS (Abordagem Utility-First para performance)
- Componentes: Radix UI & Shadcn/UI (Design System)
- Gráficos: Recharts
- Ícones: Lucide React
- Arquitetura: Feature-Based Architecture (Separação clara de responsabilidades por domínios de negócio)
- Framework: NestJS (Arquitetura modular e robusta)
- ORM: Prisma IO
- Banco de Dados: PostgreSQL
- Documentação: Swagger UI (OpenAPI)
- Linguagem: TypeScript
Este projeto foi construído seguindo rigorosos padrões de desenvolvimento para demonstrar maturidade técnica:
- Clean Code & SOLID: Princípios aplicados na organização dos componentes e hooks.
- Hooks Customizados: Abstração de lógica de dados no frontend para componentes mais limpos.
- Responsividade Mobile-First: Interface adaptada perfeitamente para dispositivos móveis e desktop.
- Diretivas do Next.js: Uso correto de
Client ComponentsvsServer Componentspara otimização de SEO e performance. - Polling e Atualização Automática: Sistema de atualização de dados em intervalos para manter o dashboard relevante.
- Node.js (v18+)
- PostgreSQL rodando
-
Clonar o Repositório
git clone https://github.com/Dyuzai/coinlytics.git cd coinlytics -
Configurar o Backend
cd back npm install # Configure seu .env com a DATABASE_URL npx prisma generate npm run start:dev
-
Configurar o Frontend
cd ../front npm install npm run dev
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para detalhes.
Desenvolvido por [@Dyuzai] - Sinta-se à vontade para entrar em contato para feedbacks ou oportunidades!