Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Painel de dashboard sobre criptomoedas, o dashboard mostra evolução de preço, volume de negociação, rankings e permite fazer filtros por períodos

Notifications You must be signed in to change notification settings

Dyuzai/coinlytics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🪙 Coinlytics - Crypto Analytics Dashboard

Next.js NestJS TypeScript TailwindCSS Prisma

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).


🚀 Funcionalidades Principais

  • 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.

🛠️ Stack Tecnológica

Frontend (/front)

  • 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)

Backend (/back)

  • Framework: NestJS (Arquitetura modular e robusta)
  • ORM: Prisma IO
  • Banco de Dados: PostgreSQL
  • Documentação: Swagger UI (OpenAPI)
  • Linguagem: TypeScript

🏗️ Arquitetura e Boas Práticas

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 Components vs Server Components para 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.

🔧 Como Rodar o Projeto

Pré-requisitos

  • Node.js (v18+)
  • PostgreSQL rodando

Passo a Passo

  1. Clonar o Repositório

    git clone https://github.com/Dyuzai/coinlytics.git
    cd coinlytics
  2. Configurar o Backend

    cd back
    npm install
    # Configure seu .env com a DATABASE_URL
    npx prisma generate
    npm run start:dev
  3. Configurar o Frontend

    cd ../front
    npm install
    npm run dev

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para detalhes.


Contato

Desenvolvido por [@Dyuzai] - Sinta-se à vontade para entrar em contato para feedbacks ou oportunidades!

About

Painel de dashboard sobre criptomoedas, o dashboard mostra evolução de preço, volume de negociação, rankings e permite fazer filtros por períodos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published