Nosso primeiro componente
Desenvolvendo Navbar e About
Listando os atletas
Carregando Dados dos Atletas
Criando o card dos atletas
Criando o AthleteCard
Desenvolvendo o AthleteCard
Formatando Contagem de Seguidores
Otimizando Cards com Tailwind
Finalizando o Footer e Redes Sociais
Estilização de Cards Finalizada
Efeito Granulado no Card
Scroll infinito
Scroll Infinito na Aplicação
Carregamento Dinâmico de Atletas
Scroll Infinito com React
Filtro de busca
Implementando Filtros de Busca
Filtros e Busca Personalizados
Busca Eficiente com URL Dinâmica
Filtro de Texto Implementado
Filtro de categoria
Filtro de Categoria Implementado
Filtro de Categorias para Desktop
Atualizando URLs e Integrando Backend
Filtros de Categorias Implementados
Nosso primeiro componente
Desenvolvendo Navbar e About
Listando os atletas
Carregando Dados dos Atletas
Criando o card dos atletas
Criando o AthleteCard
Desenvolvendo o AthleteCard
Formatando Contagem de Seguidores
Otimizando Cards com Tailwind
Finalizando o Footer e Redes Sociais
Estilização de Cards Finalizada
Efeito Granulado no Card
Scroll infinito
Scroll Infinito na Aplicação
Carregamento Dinâmico de Atletas
Scroll Infinito com React
Filtro de busca
Implementando Filtros de Busca
Filtros e Busca Personalizados
Busca Eficiente com URL Dinâmica
Filtro de Texto Implementado
Filtro de categoria
Filtro de Categoria Implementado
Filtro de Categorias para Desktop
Atualizando URLs e Integrando Backend
Filtros de Categorias Implementados
Criando o AthleteCard
Vamos instalar o componente de card utilizando o shadcn/ui. Após a instalação, começaremos a implementar e personalizar as exibições na nossa lista de atletas, criando o componente AthleteCard.