Implement a Features Page with Flip Cards and Dark Mode Toggle
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 45/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- css, html, javascript
Rechercherichtung
Da keine Datei oder kein Test genannt ist, finde zuerst den Einstiegspunkt der Seite und die zugehörigen HTML-, CSS- und JavaScript-Dateien. Implementiere Feature-Karten, die beim Darüberfahren Details anzeigen, füge einen seitenweiten Hell-/Dunkel-Umschalter hinzu und überprüfe, dass beide Interaktionen wie im Referenzvideo gezeigten Beispiel sanfte Übergänge haben.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Create a simple Features Page using HTML, CSS, and JavaScript with the following functionalities:
- Flip Cards: Each feature card should flip on hover to reveal details.
- Dark Mode Toggle: A button should toggle between light and dark mode for the entire page.
- Smooth Transitions: Ensure smooth animations for both the card flip and dark mode toggle.
Here is a sample video for reference:
https://github.com/user-attachments/assets/de81ee19-2117-45cf-91b3-f40657131ff0
- Vorherrschende Sprache
- HTML
- Sterne
- 10
- Forks
- 77
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus CommunityOfCoders/WebGenesis
-
Movie Night PlannerOffenHard Node + Express React
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
-
Hard Node + Express Vite React
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 45/100
-
Hard Node + Express Vite React
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
-
Flask Hard React
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
-
Framer Hard React
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
Alle Issues in CommunityOfCoders/WebGenesis
Ähnliche Issues
-
[BUG]: Header avatar and display name don't update after editing the profileEvtl. vergeben @dhruvbit hat das vor 1 Tag übernommen. Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
AOSSIE-Org/DebateAI#770 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 79/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
enhancement
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
chenasraf/nextcloud-forum#348 ·