UnsplashBox
Busca de fotos do Unsplash com coleções personalizadas, desenvolvida para o desafio Unsplash Collection do devChallenges.
Solução do desafio Unsplash Collection do devChallenges.io: pesquise fotos em alta resolução, veja os detalhes, faça o download e organize as imagens em coleções próprias.
A chave da API do Unsplash fica protegida no servidor, com proxy pelos Route Handlers do Next.js. As coleções são salvas com Prisma e SQLite e o estado do cliente é gerenciado com Zustand.
Principais funcionalidades
- Busca por palavra-chave com grade em masonry e paginação
- Página de detalhe com autor, data de publicação e download
- Criação de coleções e organização das fotos
- API própria para as coleções, sem expor a chave no navegador
- Animações de entrada com Motion
Galeria
Gostou deste projeto?
Posso ajudar a construir algo assim para você ou para o seu time.
Outros projetos
DestaqueTaverna dos Jogos
Portal gratuito para fãs de games: Pokédex completa, cartas de Hearthstone, Yu-Gi-Oh! e TCG Pocket, LoL e animes, com desafios diários, duelos ao vivo e progressão por conta.
- TypeScript
- React
- Next.js
- Tailwind CSS
- PostgreSQL
- +2
DestaqueClínica Biointegral Saúde
Site institucional em produção da Clínica Biointegral Saúde, construído com Next.js para performance e SEO.
- TypeScript
- Next.js
- Tailwind CSS
- Axios
DestaqueRetro Room
Sala de consoles clássicos na web: Game Boy e Master System recriados em componentes, com emulação real, troca de cartuchos e saves na nuvem.
- TypeScript
- Next.js
- Tailwind CSS
- Drizzle ORM
- Auth.js
- +3