Menu

1 / 6

"I think that I shall never see a poem lovely as a tree": A Fall Foliage App Build

DEV Community: astro·Jen Looper·4 days ago
#C3b6kgkK
#devtoastro#devto#dev#upload#cloudinary
Reading 0:00
15s threshold

Sometimes you need to touch grass. Other times, you want to commemorate the beautiful Fall foliage that you peep outside your window and create a crowdsourced way for other folks to share their trees too! This app celebrates the second kind of day.

Local Leaf is an Astro app that ranks neighborhood tree photos by fall color. It uses Cloudinary for moderated uploads, tags, and predominant-color detection, and this post shows how to build it. The source code is on GitHub .

In the tradition of creating somewhat pointless - but highly aesthetic - software, you too can build an app to celebrate nature.

What you'll build

How to add the Cloudinary upload widget to an Astro app

How to set up an upload preset that sends photos to a moderation queue

How to store simple data as Cloudinary tags and context metadata instead of a database

How to read Cloudinary’s predominant-color data for each photo

How to turn that color data into leaderboard scores for yellow, orange, and crimson trees

Leaf Peeping Needs a…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.