Ayushparikh-code/Web-dev-mini-projects

Simple jock app

Open

#934 opened on Oct 13, 2025

View on GitHub
 (4 comments) (0 reactions) (0 assignees)HTML (1,669 forks)auto 404
hacktoberfesthacktoberfest-accepted

Repository metrics

Stars
 (4,487 stars)
PR merge metrics
 (PR metrics pending)

Description

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 direction
Inspect the repository structure to see how projects are organized. Find a similar project (e.g., a quote generator) for style reference. Then implement the joke app as a new folder with HTML, CSS, and JS, fetching from the Official Joke API and applying glassmorphism UI.
Tech stack
htmlcssjavascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitHTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85