Jokes App

A web application for managing jokes built with React 19, TypeScript, and Vite. It allows you to browse, filter, and add jokes using a REST API backend.

Technologies

• React 19 – UI framework
• TypeScript – static type checking
• Vite – development server and build tool
• Node.js REST API – backend server running at http://localhost:8080

Features

• Display a list of jokes loaded from the API
• Filter jokes by category
• Add new jokes via a form
• Skeleton loading state while data is being fetched

Joke Categories

Category	Description
GENERAL	General jokes
PROGRAMMING	Programming jokes
KNOCK_KNOCK	Knock-knock jokes
DAD	Dad jokes

Requirements

• Node.js 18+
• Running backend server (jokes-server-restapi-node) on port 8080

Installation & Setup

1. Start the backend server

cd ../jokes-server-restapi-node
npm start

The server will be available at http://localhost:8080.

2. Start the frontend application

npm install
npm run dev

The application will be available at http://localhost:5173 (or another available port as shown by Vite).

API Endpoints

The backend server provides the following endpoints:

Method	URL	Description
GET	/jokes	Fetch all jokes
GET	/jokes?category=GENERAL	Fetch jokes by category
POST	/jokes	Create a new joke