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

Show "Saving..." indicator when task is being updated 💾

Abierto Apto para principiantes
#482 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@yashTomar272 ya está trabajando en esto.

Desde el 3/9/2026.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
76/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Tranquilo
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Empieza por client/src/context/BoardContext.jsx y luego inspecciona Dashboard.jsx para ver cómo se consume el valor del contexto y dónde se renderiza la barra de navegación. Añade el estado de guardado en torno a las actualizaciones de tareas y exponlo al dashboard; se considera terminado cuando el indicador aparece durante una actualización y desaparece después, incluso si la solicitud falla.

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

Descripción

good first issue

Show "Saving..." indicator when task is being updated 💾

File: client/src/context/BoardContext.jsx

Tasks update silently 💀
Users don't know if changes saved fr!!

Fix: add saving state to context:
const [saving, setSaving] = useState(false)

const updateTask = async (id, updates) => {
try {
setSaving(true)
const { data } = await axios.put(
/api/tasks/${id}, updates, authHeaders()
)
setTasks(prev => prev.map(t =>
t._id === id ? data : t
))
} catch (err) {
console.error(err)
throw err
} finally {
setSaving(false)
}
}

// expose saving in context value
// show in Dashboard.jsx navbar:
{saving && (

💾 saving...

)}

~10 lines across 2 files! 🎯
No backend needed!!

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 12 h
PR fusionados (30 d)
27

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 anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.