Eric Edwardsdev and design portfolio

"Next time is next time, now is now!" - Hirayama (Perfect Days, 2023)

  • typescript
  • react
  • vite

media-mind


Media Mind Homepage
Block View

media, all in one place


Anyone who knows me knows that I love to log. I'm always on letterboxd at the end of a movie, checking up on friends' book updates on goodreads, and perusing RateYourMusic. At times, however, it gets to be a little overwhelming keeping up with the sheer volume of media I encounter on all these platforms, and I wanted a simple place to log all of my media, but also enable a way to gain more interesting insights about the relationships between the media I engage with.


So, the solution that I found is media mind.


thoughts, the process, throwaway ideas and notes


What is the purpose of media mind?

I want to be able to log my books, movies, shows, and albums in the same place. Other programs specialize in a single form of media, but I'd like to have a central spot for all of it.


Backlogs


Maybe have some way to schedule out new stuff to 'consume' (need to work on a better word for consuming media). There should be some form of entry creation before you actually add everything, maybe it can just be called 'the backlog'. For the 'widget' additions: review, rating, 'iterator title: number' (ex. 'page': 52 or 'chapter': 23 or 'episode': 42), source link, photo upload.

User interaction, we could look at similarity of graphs? Do we want to see other user graph networks? Yes, we should be able to see that.

Maybe we only compute relations between members of a cohort to reduce site-wide complexity.

  • I want users to be able to log and diagram entries that do not need to already exist in some kind of database. They should be organically created.
  • I do, however, want users in a cohort to be able to resolve connections between mutual cohortions.

Cohortian Network Union


An interesting feature would be a combination network between the two graphs. We can perform a union of the two graphs to create the integrated graph, and visualize it.

Graph union for comparison
Graph union for comparison

Problem: These nodes (entries) exist as unique entries in a database, that may or may not have different titles associated with them. Maybe they should be an exact title and media type media type to be considered identical? How do we gauge identical entries in order to create the discovery nodes? Should movies with identical titles (See: Crash (1996) and Crash (2004)) be considered the same thing?


We could store a hash of the title (in a canonized form, capitalization and whitespace agnostic) together with the media type. Nodes would be considered identical entries if this canonized checksum matches the checksum of an entry in the other user's network. When doing the union operation, we maintain all of the relationships between both users.


We can also do some kind of fuzzy-matching approach. I think that equality measurement should take into account different required metadata for different media types.


Different media types should require different minimum fields for equality measurement


I want to be able to construct some kind of 'diff' between the two graphs, in order to create a recommendation network for possible interests from Alice, e.g. Because Alice has logged the red and orange nodes, they would be recommended the purple node.


Design Considerations


I like the look of the default Figma font, Inter. But, I want to consider a slab serif like Museo for the title or some more accentuated text. Sans serif seems good for the common font.

Currently I'm using a neobrutalism inspired design. High contrast, low complexity.

Image Description
List view
Image Description
Block view
Image Description
Creation view
Image Description
Edit view