Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add the Order Status e-commerce template (`ecommerce-order-status`)

Aperta
#181 4 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@piyusshhjangid ci sta già lavorando.

Dal 22/10/2026.

  • #198 di @piyusshhjangid — aperta

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

good first issue hacktoberfest templates

Part of #5. For shipping updates like "Your order is on its way".

Idea
The store name and order number sit at the top, with the product name as the title. Across the card runs a 4-step tracker: Ordered, Shipped, Out for delivery, Delivered. Each step is a circle on a line. Steps up to the current one are filled with the accent color, and so is the line between them. An estimated delivery line sits under the tracker.

Template details

  • File: src/templates/ecommerce/order-status.ts, id ecommerce-order-status
  • Fields: commonFields.siteName (the store name), commonFields.title (the product name), orderNumber (text), currentStep (number from 1 to 4, default 2), estimate (text, for example "Arrives Friday, Oct 24"), commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/tutorial/step-by-step.ts (numbered steps), src/templates/ecommerce/product-card.ts (a number field with min and max)

Acceptance criteria

  • currentStep is parsed defensively and kept between 1 and 4 (currentStep=abc still renders)
  • The step labels fit under their circles, and the order number and estimate hide cleanly when empty
  • Re-exported in src/templates/ecommerce/index.ts and registered in the E-commerce 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 #181 in the description.

Lingua principale
TypeScript
Stelle
8
Fork
4
Merge medio
5h 44m
PR unite (30g)
83

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di codercops/ogcops

Tutte le issue di codercops/ogcops

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.