Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

feat(classroom): add keyboard shortcuts and clean up interaction controls

Abierto
#124 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@rishavvrajj ya está trabajando en esto.

Desde el 16/10/2026.

  • #125 de @rishavvrajj — abierto

Evaluación

Dificultad
3/5
Tiempo estimado
Medio día
Aptitud para principiantes
42/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
html, javascript
Área
frontend

Línea de trabajo

The payload names no files. Start from the /classroom_poc page: find where the connection toast fires on WebSocket connect and auto-join, where a global keydown listener would go for T and R, and where the presence buttons get their active styling. Done when the toast no longer appears, T and R trigger the reactions, Ctrl/Cmd+R still reloads, typing in inputs is unaffected, and the buttons lose the teal highlight. The issue text describes the change as already made, so confirm with a maintainer what remains before starting.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Problem

  • Joining or auto-joining /classroom_poc triggers a redundant “Connected to classroom” / “Viewing classroom” toast notification, even though the top navigation bar already shows the live connection status.
  • Thumbs-up and raise-hand actions were only available through on-screen mouse clicks.
  • Presence reaction buttons were highlighted in teal when active, creating unnecessary visual noise.

Solution

  • Toast removal: Removed the redundant connection toast on WebSocket connection and auto-join.
  • Keyboard shortcuts: Added T for thumbs-up 👍 and R for raise-hand ✋, with modifier-key guards (!e.ctrlKey && !e.metaKey) so browser refresh and text input are not affected.
  • Visual polish: Removed active-state highlighting from presence control buttons.

Testing

  • Joined and auto-joined a classroom; no redundant toast appears.
  • Pressed T and R to trigger thumbs-up and raise-hand reactions.
  • Verified that Ctrl + R / Cmd + R still refreshes the page.
  • Confirmed that typing in inputs does not trigger shortcuts.
Lenguaje dominante
HTML
Estrellas
3
Forks
28
Merge medio
17 h 41 min
PR fusionados (30 d)
7

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de alphaonelabs/learn

Todos los issues de alphaonelabs/learn

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.