commitra/react-verse

Recipe Page: UI of Page

Offen

#64 geöffnet am 15.10.2025

Auf GitHub ansehenContributor Guide
 (7 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (34 Forks)auto 404
good first commitgood first issuehacktoberfest

Repository-Metriken

Stars
 (8 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Improve the UI of page:

  • Align the header and the buttons
  • Make the buttons more user centric
  • Make the placeholder text - "What are you hungry for?"
  • The images in cards should be centre aligned
  • Improve the overall aesthetic feel of the website

Contributor Guide

Research-Richtung
Überprüfen Sie die aktuelle Rezeptseitenkomponente und ihre CSS Stile. Identifizieren Sie den Header, die Buttons, den Platzhaltertext und die Kartenbildabschnitte. Nehmen Sie Ausrichtungs und ästhetische Verbesserungen mit CSS oder styled components vor.
Tech Stack
react
Domain
frontend
Issue Type
Refactoring
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75