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

feat: Lorem Ipsum & Mock Data Generator tool with Faker.js

Aperta
#59 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
49/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend, tooling

Direzione di ricerca

Start by reading ROADMAP.md Day 18 and the existing tool patterns, then implement the entry point named in the issue, src/tools/mock/MockTool.tsx; check related issue #31 for context. Done means both tabs work independently, seeded output is reproducible through URL state, JSON/CSV/TS exports and clipboard copying work, and 100 rows generate in under 100ms.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement new tool wave-3

Summary

Add a Lorem Ipsum & Mock Data Generator as outlined in ROADMAP.md Day 18. Frontend devs use mocks constantly; bundling lorem + structured mock data keeps the toolkit complete.

Proposed Implementation

  • Location: src/tools/mock/MockTool.tsx
  • Dependency: @faker-js/faker (tree-shakable)
  • Features:
    • Tab 1 — Lorem Ipsum: Generate N paragraphs / sentences / words
    • Tab 2 — Mock Data: Pick a preset schema ({ name, email, avatar, address, company }) and generate N rows
    • Export as JSON / CSV / TS array
    • Seed support via URL state for reproducible output
    • Copy to clipboard

Acceptance Criteria

  • N=100 rows generates in <100ms
  • Same seed gives same output (via URL state)
  • Both tabs work independently
  • CSV serializer handles commas and quotes in values
  • Registry entry with icon 🧪

References

  • ROADMAP.md Day 18
  • Related: #31
Lingua principale
TypeScript
Stelle
2
Fork
1
Merge medio
1g 4h
PR unite (30g)
32

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 ajithakdev/toolglass

Tutte le issue di ajithakdev/toolglass

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.