19dbo91 / dad-gifs Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 3.0 3.72 MB

Your new favorite app to get your daily dose of dad humor and funny gifs

Home Page: https://19dbo91.github.io/dad-gifs/

JavaScript 49.35% HTML 27.36% CSS 23.28%

dad-jokes giphy-api collaboration bootcamp-project

dad-gifs's Introduction

Dad Gifs

Description

Have you ever had a dream of floating in an ocean of orange soda?...

I think mine was more a Fanta sea. Just like our web app!

Don't you ever wonder:

"Gosh, I wish this Dad Joke had a gif to go with it..."
"Wouldn't it be so cool if I could share this gif with some dad joke to go with it?"
"How do I work this thing?"

...Neither do we! But with our new and improved Dad-Gif app, now no-one will have those problems!

Installation

No installation required. This webapp can be opened up with your preferred browser

Usage

Open your preferred browser. Enter the following URL to your search bar:

Credits

API Endpoints:

I Can Haz Dad Joke https://icanhazdadjoke.com/
Giphy https://giphy.com/

Key collaborators:

License

You get the license to chill. You're codename will be double-00 Kay...

Features

Randomized 1-to-1 joke-to-gif generation
(Planned) Popular / Trending tabs

dad-gifs's People

Contributors

Stargazers

Watchers

Forkers

ryonerd79 sschrimmer afrozez

dad-gifs's Issues

📃Add CSS file

🔗Link Tailwind CSS to HTML

Create wireframe

We need to have consensus on what the app should look like. Add links to other tools as necessary.

Currently hosted at:
Google Drive: Wireframe

Parse joke into setup and punchline

We need to add parse function to separate the data from API so that we can utilize them at the top and bottom display boxes

Create repo for Dad Gifs

🔗Link Giphy API to HTML

Link all members to repo and project board

We need to send invites to al project members so they can view and edit the project board and repo

Breakdown tasks

We need to identify all relevant tasks and prioritize them in a way that delivers the minimum viable product and pushes additional features to later in the schedule

📃Add a high quality README

Establish comms/scheds

TAKEAWAY:
We established our regular meeting time to be after 5 pm every weekday and to include weekends as needed.
We anticipate the weekend will be a good crunch period.

BACKGROUND:

Steven, Jon, Dustin after 5 M-F; ALL DAY SS

Daniel morning Tues Fri, ALL DAY SS

Luke Tuesday-Saturday: 4:30pm-6:30pm
Sunday-Monday: 11am - 8:30pm

📃Add HTML file

We need to add an index.html to the repo

Run project end checklist

Run this checklist after web app has been deployed and is ready for our audience.

Conduct checklist prior to turn-in
[ ]
[ ]
[ ]

🔗Link DadJokes API to HTML

Take mtg minutes

Take notes here

CSS fixes for box 3 and string overflow

Define MVP

We need to address the following question:

What are the elements most essential to get out a product?

We should be able to make a call to the Dad Joke API to present on our screen
We should be able to make a call to the Giphy API to present on our screen
We should present them as specified in the wire frame (i.e. Setup-Gif-Punchline

Draft project presentation

We need to have a draft and review the presentation

Currently hosted at:
Google Drive: Presentation

Setup branch review

We need to add rules to the repo such that it enforces a peer review prior to merging.

Dad Joke API

What parameters can we get from dad jokes? data and id
Can we grab a search term from the API object? No..
Can we grab a random joke from the API object? yes

Create user flow diagram

We want to describe how somebody will navigate and use this site.
We can add this to README

Project Proposal: Dad Gifs

Description:
It's a webapp that joins a random dad joke with a funny gif

User Story:
AS A DAD,
I WANT TO SEE/SHOW FUNNY JOKE AND GIF
So that he bring the party with him wherever he goes

Wireframe: Google Drive

API 1: I Can Haz Dad Joke
API 2: Giphy

CSS: Tailwind, Bulma (try)
Vanilla? jquery and other?

Hi-lv Tasks:
Call api to generate Random joke and related Gif
Display the pair

Nice-to-Have: maybe to diff Popular and trending

Giphy API

What parameters can we get from giphy? a bunch; see doc
Can we grab a search term from the API object? needed more research
Can we grab a random joke from the API object? yes