zhravan/github-readme-quotes

feat: unsplash preview on the UI

Ouverte

#340 ouverte le 12 juil. 2025

Voir sur GitHubGuide contributeur
 (11 commentaires) (0 réaction) (3 personnes assignées)JavaScript (181 forks)auto 404
Little workenhancementfrontendgood first issuehacktoberfesthacktoberfest-acceptedhelp wanted

Métriques du dépôt

Stars
 (307 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Description:

While the backend/API supports fetching random backgrounds from Unsplash using the bgSource=unsplash and an optional unsplashQuery, there is currently no way for users to interactively select these options and preview the results from the React dashboard UI.

This feature would let users experiment with different background sources and Unsplash queries, and immediately see how their quote cards will look, without needing to edit URLs or reload pages manually.

This feature feature was made available as part of the recent release https://github.com/shravan20/github-readme-quotes/pull/336

You can take a look into this implementation and accordingly implement the UI for this

Guide contributeur

Direction de recherche
Examinez le PR lié (#336) pour comprendre l'implémentation backend d'Unsplash, puis créez un composant d'interface utilisateur dans le tableau de bord React qui permet aux utilisateurs de sélectionner bgSource et unsplashQuery, et de prévisualiser le résultat de la carte de citation. Assurez vous que l'aperçu se met à jour dynamiquement en fonction des sélections de l'utilisateur.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
ReactJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70