zhravan/github-readme-quotes

feat: unsplash preview on the UI

Aberta

#340 aberto em 12 de jul. de 2025

Ver no GitHubGuia do colaborador
 (11 comentários) (0 reação) (3 responsáveis)JavaScript (181 forks)auto 404
Little workenhancementfrontendgood first issuehacktoberfesthacktoberfest-acceptedhelp wanted

Métricas do repositório

Stars
 (307 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

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

Guia do colaborador

Direção de pesquisa
Revise o PR vinculado (#336) para entender a implementação do backend para Unsplash, depois crie um componente de UI no painel React que permita aos usuários selecionar bgSource e unsplashQuery e visualizar o resultado do cartão de citação. Garanta que a pré visualização seja atualizada dinamicamente com base nas seleções do usuário.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
ReactJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70