Have-A-Laugh

Project 1, Group 8

GitHub Repo Link: https://github.com/sergeyholin/Have-A-Laugh

GitHub Live Deployment Link: https://sergeyholin.github.io/Have-A-Laugh/

ABOUT THE APP: Have-A-Laugh is the final destination for all your humor needs! It's a simple app that that contains several humor categories to brighten your day. It has memes, random jokes, pun jokes, yomama jokes, and of course, Chuck Norris jokes. Have a need to brighten your mood? Stop on by at Have-A-Laugh, good times guaranteed!

ACCEPTANCE CRITERIA:

• Use a CSS framework other than Bootstrap.

• Be deployed to GitHub Pages.

• Be interactive (i.e., accept and respond to user input).

• Use at least two server-side APIs.

• Does not use alerts, confirms, or prompts (use modals).

• Use client-side storage to store persistent data.

• Be responsive.

• Have a polished UI.

• Have a clean repository that meets quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).

• Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).

ADDITIONAL CRITERIA:

Application deployed at live URL.

TECHNOLOGIES USED:

Front end CSS Framework: Bulma (https://bulma.io/)

JS Library: jQuery (https://api.jquery.com/)

Content APIs Used:

1. Chuck Norris Jokes API (https://api.chucknorris.io/)

2. Joke API (https://v2.jokeapi.dev/)

3. YoMama Jokes API (https://yomomma.info/)

4. Imgflip API for Memes (https://imgflip.com/api)

Fonts used:

• https://fonts.googleapis.com/css2?family=Bangers&family=Permanent+Marker&family=Sriracha&display=swap

Color Palette used:

• https://convertingcolors.com/css-gradient/view/66B966B966B9.html
• https://convertingcolors.com/css-gradient/view/3AB0FFFF893A.html
• https://convertingcolors.com/css-gradient/view/FFB56262ACFF.html
• https://convertingcolors.com/css-gradient/view/F8747474F8F8.html

CONTRIBUTORS TO THE PROJECT:

1) Aaron Hernandez: https://github.com/aaronhdm

2) Cade Coleman: https://github.com/cade-coleman

3) Savvas Sidiropoulos: https://github.com/Sidiro23

4) Victor Gutierrez: https://github.com/VictorGutierrez25

5) Sergey Holin: https://github.com/sergeyholin

SCREENSHOTS

Main Page

The main page of the website has one section where the user can see his favorites jokes. On the right side of the pahe the user will get the Meme and the Joke of the day. From the four tabs on the Nav bar you can navigate to the category based pages of the website.

Tabs

In each of the category tabs you can click on the top button to get your joke and you can save your joke in your Favorites by clicking the save button.

Chuck Norris Jokes

Pun Jokes

Random Jokes

YoMomma Jokes