Traits.xyz

A better way to explore NFT traits
Marc Köhlbrugge
Share learnings dealing with lots of data in Rails app #traits twitter.com/marckohlbrugge/st…
Maker of things on the internet

Super interesting 🧐

Marc Köhlbrugge
Add dashboard to manage OpenSea API imports and replications #traits
file_43472.jpg
remove
Marc Köhlbrugge
Completely restructure data-model using a more OO approach. All collections/assets get imported from OpenSea API and saved without modification. Afterwards they get "replicated" to a native format. This will allow me to easily replace or mix multiple APIs #traits
file_43473.jpg
remove
Marc Köhlbrugge
Add redirect to "Get listed" Airtable form traits.xyz/add #traits
Marc Köhlbrugge
Load everything with Turbo Frames (to simplify controllers and different parts of the page to be loaded in parallel and cached easier) #traits
Marc Köhlbrugge
Significantly speed up importing of new collections (possibly by ~100x) by using bulk insertion and by changing the order of how things are inserted #traits
Marc Köhlbrugge
Generate Twitter header images with A.I. #traits
file_43115.jpg
remove
file_43116.jpg
remove
file_43117.jpg
remove
file_43119.jpg
remove
Marc Köhlbrugge
Add a bunch more popular collections #traits
file_43109.jpg
remove
Marc Köhlbrugge
Add read-replica database because writing was breaking the site #traits
Marc Köhlbrugge
Design simple homepage with huge logo because that's what the cool kids do these days? #traits
file_43103.jpg
remove
Marc Köhlbrugge
Add Twitter follow button to bottom right #traits
file_43102.jpg
remove
Marc Köhlbrugge
Move a lot of the dynamic data like counts to front-end rendering with JS, as it will allow us to re-use the same cached fragments #traits
Marc Köhlbrugge
Add Redis caching #traits
Marc Köhlbrugge
Add dark mode 🌗 #traits
file_43091.jpg
remove
Husband | Dad | Visual Developer | Pilot at Virgin Australia

I don’t know much about what you’re doing Marc but I’m loving the updates, purely from a visual perspective. The interface looks epic and the birds are cool!

Maker of WIP amongst other things.

@flyinghacker Thanks Rich! It's a lot of fun to work on. The birds I didn't design btw. It's just an example NFT collection I've been using to show off Traits. But the website works for any NFT collection made by anyone.

Marc Köhlbrugge
Use floating filter button mobile #traits
file_43090.jpg
remove
Marc Köhlbrugge
Make sidebar fixed position and scrollable #traits
remove
Marc Köhlbrugge
Visually show match percentage for each trait #traits
remove
Marc Köhlbrugge
Add health check to decrease the chance of deploying a bug to production #traits
Marc Köhlbrugge
Show active filters #traits
file_42986.jpg
remove
Marc Köhlbrugge
Make grid fully responsive #traits
file_42987.jpg
remove