Card de produto com TailwindCSS
TailwindCSS'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Mini Projetos
Mini Projeto em destaque
Card de produto com TailwindCSS
Participe do Mini Projeto da semana com a gente. Toda semana um novo Mini Projeto que será resolvido oficialmente pela equipe do Codante.
Resolução:26/02/2025
Faltam:
Exibindo 47 de 47 mini projetos
Next.js
Gratuito
Lista de países com Next.js
Next.js
+199
Blog pessoal com Next.js e MDX
Next.js'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
+49
Gratuito
Gerenciador de hábitos com Next.js
Next.js'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
+283
Clone do ChatGPT com Next.js
Next.js
+26
Autenticação com NextAuth.js e Github
Next.js
+26
Tattoo Shop - Website com Next.js
Next.js
+41
Busca, filtro, ordenação e paginação com Next.js
Next.js
+127
Server Actions no Next.js
Next.js
+30
Upload de imagens com S3 e Next.js
Next.js
+28
Siga Seu Atleta | App fullstack com Next.js
Next.js
+40
Gráficos com shadcn/charts e Next.js
Next.js
+19
SaaS Landing Page com Next.js e Shadcn UI
Next.js
+57
SaaS - Autenticação com NextAuth, Prisma e Next.js 15
Next.js
+43
Saas com Next.js e Stripe
Next.js
+58
App de Amigo Secreto
Next.js
+22
TailwindCSS
React
Drag and Drop com React e Framer Motion
React
+39
Reconhecimento facial com React e TensorFlow
React
+53
Gratuito
Calculadora de IMC com React
React
+58
Jogo da memória com React
React
+9
Formulário de OTP com React
React
+5
Lista de compras em React
React
+16
Formulário dinâmico com React Hook Form e Zod
React
+47
Página de Review de Produto
React
+14
Fundamentos
Página FAQ
Fundamentos
+35
Calendário minimalista
Fundamentos
+11
Landing page do Meow Café
Fundamentos
+73
Input de cartão de crédito
Fundamentos
+28
Contador de caracteres do Twitter
Fundamentos
+6
Pomodoro timer com JavaScript
Fundamentos
+49
Gratuito
Página de links
Fundamentos
+57
Clone do Orkut
Fundamentos
+15
Jogo da velha
Fundamentos
+9
Landing Page de Contabilidade
Fundamentos
+37
Galeria de imagens
Fundamentos
+61
Gratuito
Landing page de Produtos de tecnologia
Fundamentos
+55
Treine filter(), forEach() e sort()
Fundamentos
+8
Treine map(), find() e reduce()
Fundamentos
+36
Gratuito
Testes com playwright
Fundamentos
+18
Gratuito
Card moderno de imobiliária
Fundamentos
+28
Banner de imobiliária
Fundamentos
+34
Hackathon
