Ayushparikh-code/Web-dev-mini-projects

Simple jock app

Offen

#934 geöffnet am 13.10.2025

Auf GitHub ansehenContributor Guide
 (4 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (1.669 Forks)auto 404
hacktoberfesthacktoberfest-accepted

Repository-Metriken

Stars
 (4.487 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Project title Simple Joke App

Project Description

Random Joke Generator

A tiny, beautiful Random Joke Generator built with HTML, CSS and a small client-side JavaScript fetch call.

This mini project shows a single-page app that fetches a random joke from the "Official Joke API" and displays it with a simple glassmorphism UI.

Features

  • Click a button to fetch and display a random joke (setup + punchline).
  • Lightweight: no build tools or server required — just a browser.
  • Responsive layout and simple animations.

Stack: [ x] Html [ x] CSS [ x] JavaScript

Contributor Guide

Research-Richtung
Untersuche die Repository Struktur, um zu sehen, wie Projekte organisiert sind. Finde ein ähnliches Projekt (z.B. einen Zitatgenerator) als Stilreferenz. Implementiere dann die Joke App als neuen Ordner mit HTML, CSS und JS, die Daten von der Official Joke API abruft und eine Glassmorphism Oberfläche anwendet.
Tech Stack
htmlcssjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitHTMLCSSJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85