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.
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.
Try it out at showmeaplant.netlify.app.
Check out the source code on GitHub.
enjoy ! 🌿