UnsplashBox
Recherche de photos Unsplash avec collections personnalisées, réalisée pour le défi Unsplash Collection de devChallenges.
Solution au défi Unsplash Collection de devChallenges.io : recherchez des photos en haute résolution, consultez leurs détails, téléchargez-les et organisez-les dans vos propres collections.
La clé de l'API Unsplash reste sur le serveur, via un proxy dans les Route Handlers de Next.js. Les collections sont enregistrées avec Prisma et SQLite, et l'état côté client est géré avec Zustand.
Fonctionnalités principales
- Recherche par mot-clé avec grille masonry et pagination
- Page de détail avec auteur, date de publication et téléchargement
- Création de collections et organisation des photos
- API dédiée aux collections, sans exposer la clé au navigateur
- Animations d'entrée avec Motion
Galerie
Ce projet vous plaît ?
Je peux vous aider à construire quelque chose de similaire, pour vous ou pour votre équipe.
Autres projets
À la uneTaverna dos Jogos
Portail gratuit pour les joueurs : Pokédex complet, cartes Hearthstone, Yu-Gi-Oh! et TCG Pocket, LoL et animés, avec défis quotidiens, duels en direct et progression par compte.
- TypeScript
- React
- Next.js
- Tailwind CSS
- PostgreSQL
- +2
À la uneClinique Biointegral Santé
Site officiel en production de la Clinique Biointegral Santé, construit avec Next.js pour la performance et le SEO.
- TypeScript
- Next.js
- Tailwind CSS
- Axios
À la uneRetro Room
Une salle de consoles rétro sur le web : Game Boy et Master System recréées en composants, avec vraie émulation, changement de cartouches et sauvegardes dans le cloud.
- TypeScript
- Next.js
- Tailwind CSS
- Drizzle ORM
- Auth.js
- +3