mj-meyer / howtodad Goto Github PK

Not priority. Would be nice to have though.

Everything is dumped in the app component.

Needs to be reusable components in libraries.

Same as #12 except this will have to be from myjson. So maybe both should rather just load from myjson.

Figma Mockup

Just a simple mockup to make sure I have an idea where I'm going with this.

Just the general layout.

• Header
• Body
• Footer
• Modal

Not sure what's necessary at this stage, as wireframe/design isn't done yet.

Show list of favourite jokes from local storage.
Share list (Can only do this after share feature has been implemented)
Delete list (Clear local storage).

Setup:

• Nx monorepo
• Nebular (Shared lib)
• App shell

Should be able to:

• Save joke to localStorage
• Remove joke from localStorage
• Load jokes from localStorage into app memory on app init.

Use Myjson to share jokes.

Should be able to:

• Share a joke
• Share favourites list
• Copy share link to clipboard, or just provide ability to manual copy link.
• Load joke/favourites from myjson into app for a consistent experience. (users who open share link)

Not entirely sure if I have time for this, may just need to jump straight into development and use standard components from Nebular.

Make sure documentation is provided as per spec.

Should load a joke from "myjson" or "icanhazdadjoke". Not sure which would be the best option. As long as this works.

This is how I envision the library structure should look like roughly. Only highlighted the most important points. Most interfaces and presentational components aren't listed. This is only to help me stay sane and make sure I create the right libraries.

Anything in BOLD is a library on its own.

interfaces

• joke interface

feature-joke

• data-access-joke
  • api call to joke
• container
  • INIT load from localstorage (feature-joke-state)
  • ADD/Remove to/from favourites (feature-joke-state)
    • Is joke in favourites? (feature-joke-state - exists)
    • add one
    • remove one
  • NEW joke
  • SHARE joke (feature-share)

feature-joke-state (localStorage)

• add one
• delete one
• exists - get one by id
• get all
• delete all

feature-favourites

• container
  • INIT open modal
  • INIT load list (feature-share - data-access-share - get)
  • share list (feature-share - post)
  • delete list (feature-joke-state - delete all)
  • delete one (feature-joke-state - delete one)
  • close modal

feature-share

• data-access-share
  • post api call to MYJSON
  • get api call to MYJSON
• container
  • INIT open modal
  • share joke/s (data-access-share - post)
  • copy link to clipboard

Not really necessary, but would be cool if I can get a working version on Netlify.

Use icanhazdadjoke to fetch random dad jokes.

• load initial joke
• load new random joke