Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Media Kraken @ Solid World

Media Kraken @ Solid World

Presentation about Media Kraken given on Solid World February 2021. You can find the recording of the talk here: https://vimeo.com/508623332#t=666.

If you enjoy the presentation, make sure to hear the Q&A after the rest of the presentations!

Noel De Martin

February 04, 2021
Tweet

More Decks by Noel De Martin

Other Decks in Technology

Transcript

  1. Media Kraken
    @ Solid World
    Recording: https://vimeo.com/508623332#t=666

    View Slide

  2. Hello, my name is Noel

    Developer & Entrepreneur

    4-day workweek @ Moodle

    Working on Solid on the side
    noeldemartin.com
    @NoelDeMartin
    noeldemartin.com/solid-world
    noeldemartin.social

    View Slide

  3. What is Media Kraken?
    A Solid App
    Open Source (GPL-3.0)
    A Media Tracker
    noeldemartin.com/solid-world

    View Slide

  4. Demo
    noeldemartin.com/solid-world

    View Slide

  5. Feature Highlights
    noeldemartin.com/solid-world

    View Slide

  6. Feature Highlights
    Progressive adoption
    Start using browser storage (IndexedDB),
    upgrade to Solid when you’re ready
    noeldemartin.com/solid-world

    View Slide

  7. Feature Highlights
    Data import
    If yours is missing, let me know on github!
    noeldemartin.com/solid-world

    View Slide

  8. Feature Highlights
    Movies search
    Powered by
    noeldemartin.com/solid-world

    View Slide

  9. Feature Highlights
    Mobile friendly
    Progressive Web App
    Install it in your phone and use it like a native app!
    noeldemartin.com/solid-world

    View Slide

  10. Feature Highlights
    Privacy friendly
    Zero trackers
    Media Kraken only talks with:

    The Movie DB (search, metadata & images)

    Github Pages (hosting)

    Sentry (error reporting, disabled by default)

    Your Solid POD!
    noeldemartin.com/solid-world

    View Slide

  11. “Roadmap”

    Better search, filters & stats.

    Create lists – and share them.

    Track other types of media like TV Shows.

    Etc.
    Some things I’d like to work on in the future
    noeldemartin.com/solid-world

    View Slide

  12. What Media Kraken doesn’t do
    and probably never will
    Recommendations
    Social interactions
    But that doesn’t mean you can’t do it!
    Solid is all about interoperability, you can use other apps
    to enrich your experience.
    noeldemartin.com/solid-world

    View Slide

  13. Technical details
    noeldemartin.com/solid-world

    View Slide

  14. The Stack
    VueJS TailwindCSS SoukaiJS
    noeldemartin.com/solid-world

    View Slide

  15. What is SoukaiJS?
    soukai.js.org

    I made it!

    ActiveRecord javascript library.

    Use “engines” to store data in
    different places.
    noeldemartin.com/solid-world

    View Slide

  16. One API,
    multiple stores
    soukai.js.org
    Browser Storage
    IndexedDBEngine
    built-in
    Solid POD
    SolidEngine
    soukai-solid
    noeldemartin.com/solid-world

    View Slide

  17. Media Kraken Models
    noeldemartin.com/solid-world

    View Slide

  18. Using the Models
    noeldemartin.com/solid-world

    View Slide

  19. Using the Models
    noeldemartin.com/solid-world

    View Slide

  20. Thank you!
    Try it now:
    noeldemartin.github.io/media-kraken/
    Read about the development journey:
    noeldemartin.com/tasks/
    And let me know what you think!
    noeldemartin.com/solid-world

    View Slide