Walid Esse

about projects experience blog

Show Me A Plant - Random Plant Generator Using Svelte

Project Overview

Show Me A Plant

I wanted a way to learn how to write projects using Svelte.
Show Me A Plant is a Svelte.dev web application I created to generate random plants using the Trefle.io API. Click the 🌿 button and instantly get a random plant's common and scientific name, along with an image if available.


The app uses a lightweight, minimal design with centered content, responsive layout, and simple interaction. The project allowed me to practice integrating REST APIs, caching responses for better performance, and handling asynchronous operations in Svelte.


Perfect for plant enthusiasts, hobbyists, or anyone curious about discovering new plants randomly.


Technical Details

Built with Svelte, the app leverages the Trefle.io API for plant data and uses fetch for asynchronous requests. Responses are cached in the backend for 5 minutes to reduce API calls and improve performance.


The frontend is styled minimally using CSS with a modern, plant-themed interface. Buttons feature a flat green focus ring and hover states for a clean user experience.

Live Demo

Try it out at showmeaplant.netlify.app.


Check out the source code on GitHub.

enjoy ! 🌿








linkedin | source code | resume | email | github