Junte-se a outras 38 pessoas que estão fazendo esse mini projeto.
Projeto Siga Seu Atleta | App fullstack com Next.js
App full-stack para dar visibilidade aos atletas olímpicos e paralímpicos do Brasil, listando os seus perfis do Instagram.
Seu Instrutor
Materiais
Aulas
- Introdução
- 1.
Introdução
01:16 - 2.
Como Participar do Projeto no Codante
04:32 - 3.
Revisão do Projeto em Detalhes
11:05 - Setup do projeto
- 4.
Configurando Next.js e shadcn/ui
09:38 - 5.
Configurando Backend com TursoDB
20:45 - Nosso primeiro componente
- 6.
Desenvolvendo Navbar e About
11:42 - Listando os atletas
- 7.
Carregando Dados dos Atletas
15:45 - Criando o card dos atletas
- 8.
Criando o AthleteCard
02:08 - 9.
Desenvolvendo o AthleteCard
13:26 - 10.
Formatando Contagem de Seguidores
06:18 - 11.
Otimizando Cards com Tailwind
03:22 - 12.
Finalizando o Footer e Redes Sociais
07:39 - 13.
Estilização de Cards Finalizada
04:01 - 14.
Efeito Granulado no Card
06:31 - Scroll infinito
- 15.
Scroll Infinito na Aplicação
06:31 - 16.
Carregamento Dinâmico de Atletas
06:27 - 17.
Scroll Infinito com React
09:03 - Filtro de busca
- 18.
Implementando Filtros de Busca
03:34 - 19.
Filtros e Busca Personalizados
06:08 - 20.
Busca Eficiente com URL Dinâmica
10:58 - 21.
Filtro de Texto Implementado
06:04 - Filtro de categoria
- 22.
Filtro de Categoria Implementado
03:29 - 23.
Filtro de Categorias para Desktop
10:07 - 24.
Atualizando URLs e Integrando Backend
04:58 - 25.
Filtros de Categorias Implementados
03:21 - Filtro de esportes
- 26.
Filtragem de Atletas e Buscas
02:19 - 27.
Filtro de Esportes no Front-End
26:02 - 28.
Filtro por Esportes Implementado
05:29 - 29.
Filtros e Ordenação de Atletas
02:10 - Ordenação
- 30.
Ordenação de Atletas
07:23 - 31.
Componente de Ordenação
07:16 - 32.
Ordenação e Estilos Atualizados
07:43 - Responsividade
- 33.
Integração e Responsividade Móvel
03:46 - 34.
Responsividade na Aplicação Mobile
13:56 - Deploy
- 35.
Deploy da Aplicação de Atletas
03:58