Implement a Features Page with Flip Cards and Dark Mode Toggle
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- css, html, javascript
Línea de trabajo
Como no se nombra ningún archivo ni prueba, primero localiza el punto de entrada de la página y sus archivos HTML, CSS y JavaScript asociados. Implementa tarjetas de funcionalidades que muestren detalles al pasar el cursor por encima, añade un interruptor de modo claro/oscuro para toda la página y verifica que ambas interacciones tengan transiciones fluidas como se muestra en el video de referencia.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- HTML
- Estrellas
- 10
- Forks
- 77
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de CommunityOfCoders/WebGenesis
-
Movie Night PlannerAbiertoHard Node + Express React
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
-
Hard Node + Express Vite React
Dificultad 4/5 3-5 días Aptitud para principiantes 45/100
-
Hard Node + Express Vite React
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
-
Flask Hard React
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
-
Framer Hard React
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
Todos los issues de CommunityOfCoders/WebGenesis
Issues similares
-
Unsampled pageload span is profiled when profileLifecycle is 'trace' (browser UI profiling)Posiblemente ocupada @Jxxunnn la tomó hoy. AbiertoBrowser Waiting for: Product Owner
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
getsentry/sentry-javascript#25497 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
qew21/Genshin-Subtitles#45 ·
-
bug status: needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
facebook/docusaurus#12739 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
obsidianmd/pele#25 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
Los mantenedores suelen responder en 1 día