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


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

  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
  3. What is Media Kraken? A Solid App Open Source (GPL-3.0)

    A Media Tracker noeldemartin.com/solid-world
  4. Demo noeldemartin.com/solid-world

  5. Feature Highlights noeldemartin.com/solid-world

  6. Feature Highlights Progressive adoption Start using browser storage (IndexedDB), upgrade

    to Solid when you’re ready noeldemartin.com/solid-world
  7. Feature Highlights Data import If yours is missing, let me

    know on github! noeldemartin.com/solid-world
  8. Feature Highlights Movies search Powered by noeldemartin.com/solid-world

  9. Feature Highlights Mobile friendly Progressive Web App Install it in

    your phone and use it like a native app! noeldemartin.com/solid-world
  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
  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
  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
  13. Technical details noeldemartin.com/solid-world

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

  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
  16. One API, multiple stores soukai.js.org Browser Storage IndexedDBEngine built-in Solid

    POD SolidEngine soukai-solid noeldemartin.com/solid-world
  17. Media Kraken Models noeldemartin.com/solid-world

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

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

  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