Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add the Uptime Status SaaS template (`saas-uptime-status`)

Ouverte Adaptée aux débutants
  • Quelque chose ne va pas ?
#72 2 commentaires 0 réactions 1 personne assignée Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
78/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
typescript
Domaine
frontend

Piste de recherche

Commencez par src/templates/saas/uptime-status.ts et utilisez src/templates/podcast/waveform.ts et src/templates/github/contribution-graph.ts comme références pour les barres et les motifs déterministes. Vérifiez ensuite les exports SaaS dans src/templates/saas/index.ts, l’enregistrement dans src/templates/registry.ts et la liste de contrôle partagée dans #5. Le travail est terminé lorsque le modèle respecte la conception et les critères d’acceptation décrits, y compris 90 barres fixes qui tiennent à 1200px.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

hacktoberfest help wanted templates

Part of #5. A status-page style card for SaaS uptime.

Idea
A header with a colored dot and a message chosen by a select: "All systems operational" (green), "Degraded performance" (amber) or "Major outage" (red). Below it are the service name and a large uptime percentage. Then a row of 90 thin bars (about 8px wide with a 3px gap), mostly green with a few amber or red at fixed positions, captioned "90 days ago" and "Today".

Template details

  • File: src/templates/saas/uptime-status.ts, id saas-uptime-status
  • Fields: commonFields.title (service name), status (select: operational / degraded / outage), uptime (text, "99.98%"), period (text, "Last 90 days"), commonFields.siteName, commonFields.bgColor, commonFields.accentColor

Where to look

  • Closest reference: src/templates/podcast/waveform.ts (bar array), src/templates/github/contribution-graph.ts (deterministic pattern)

Acceptance criteria

  • No Math.random(): the bar pattern is fixed so images are stable and cacheable
  • The 90 bars fit inside the padding at 1200px wide
  • Re-exported in src/templates/saas/index.ts and registered in the SaaS block of src/templates/registry.ts
  • Meets the shared template checklist in #5

One template per contributor at a time, so more people get a chance.

Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.

Langage dominant
TypeScript
Étoiles
8
Forks
4
Merge moyen
6 h 9 min
PR mergées (30 j)
66

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de codercops/ogcops

Toutes les issues de codercops/ogcops

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.