https://github.com/josh-mchugh/reactjs-dad-joke-app

Small ReactJS application to fetch some classic dad jokez
https://github.com/josh-mchugh/reactjs-dad-joke-app

jsx reactjs tailwindcss vite

Last synced: about 1 month ago
JSON representation

Small ReactJS application to fetch some classic dad jokez

• Host: GitHub
• URL: https://github.com/josh-mchugh/reactjs-dad-joke-app
• Owner: josh-mchugh
• Created: 2023-06-15T02:59:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-23T02:08:43.000Z (over 1 year ago)
• Last Synced: 2024-11-11T21:33:17.118Z (3 months ago)
• Topics: jsx, reactjs, tailwindcss, vite
• Language: JavaScript
• Homepage:
• Size: 287 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Build Status Badge](https://github.com/josh-mchugh/reactjs-dad-joke-app/actions/workflows/main.yml/badge.svg)

[![code coverage badge](https://codecov.io/gh/josh-mchugh/react-dad-joke-widget/branch/main/graph/badge.svg?token=nHAocDlz0F)](https://codecov.io/gh/josh-mchugh/react-dad-joke-widget)

# ReactJS Dad Joke App

This is a small and simple ReactJS project to incorporate the material which I have read from Fullstack React. It's focus was to create an application that uses components and have props be passed down to the components while having the top component maintain the application state.

This application uses the dad joke API from https://icanhazdadjoke.com/. The app has a simple interface with one button which the user can click to retrieve one or many dad jokes.

Example GIF:

![Example of ReactJS Dad Jokes](./documentation/example.gif)

## Running the appplication

Run app locally

```shell

npm run dev

```

Run tests

```shell

npm run test

```

Create a build

```shell

npm run build

```