evareitzel / comicrelief Goto Github PK

All about my Single Page Application!

Phase 1 Project for Flatiron School

How to start app $ json-server --watch db.json

Resources http://localhost:3000/jokes

Home https://localhost:3000

API JokeAPI - https://v2.jokeapi.dev/joke/Any?safe-mode Documentation - https://sv443.net/jokeapi/v2/

App Story ComicRelief is a one-page application containing a collection of jokes to bring levity into people's lives.

Features

• like jokes
• add joke

User Stories As a user, I want to move my mouse over a card to view the joke delivery, then move my mouse again to view the joke setup. As a user, I want to click a button so that I can "like" a joke. As a user, I want to add a joke to the collection using a form.

Specs:

1. Use an API

2. Event-listeners (3+)

• 'mouseover' - view joke setup/delivery on cards
• 'click' - like button - click event listener
• 'submit' - form 'Add joke' button
• 'DOMContentLoaded' - execute JavaScript functions (render joke cards, render form)

3. Array iteration - forEach

References:

• API https://sv443.net/jokeapi/v2/ https://v2.jokeapi.dev/joke/Any?safe-mode
• CSS https://codepen.io/kolpak/pen/ezoGWy // Material design https://codepen.io/jonyablonski/pen/NJgjYJ // Darkmode card