abi/screenshot-to-code

Add a better looking frame for mobile and web previews

Aperta

#176 aperta il 10 dic 2023

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (8943 fork)batch import
good first issue

Metriche repository

Star
 (72.582 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Something similar to this:

Guida contributor

Direzione di ricerca
Ispeziona il componente di anteprima corrente nel codebase (probabilmente in src/components/Preview.tsx o simile) per capire come vengono renderizzate le anteprime mobile e web. Cerca stili CSS esistenti o wrapper di frame. Proponi di aggiungere un contenitore stilizzato con un frame di dispositivo simulato per mobile usando border radius e ombre CSS, e un frame di finestra web con una barra di intestazione. Verifica se esiste un sistema di design o un tema da seguire.
Tech stack
typescriptreacttailwindcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70