🌱 Digital Garden Challenge

Welcome to my Digital Garden project for the Codédex Monthly Challenge! 🎉
This project is built using HTML, CSS, and JavaScript, and represents my unique interpretation of a digital garden.

---

🏆 Recognition

I'm proud to share that this project won 2nd Place 🥈 in the Codédex Digital Garden Challenge!
Out of many incredible entries, my interactive pixel-art garden stood out for its creativity, execution, and calming experience.

Big thanks to the Codédex community for the support and inspiration 🌱✨

🌿 Project Overview

As spring approaches, I wanted to create a digital space that celebrates new beginnings, mindfulness, and creativity.
My project is an interactive pixel-art garden where users can type a word and "plant" it — watching it bloom into a unique flower. Each word is tied to a specific plant species, and the background includes relaxing visual and ambient elements for a peaceful experience.

It's a tiny pocket garden you grow with words 💬🌸

---

🎨 Visual & Audio Assets

All artwork and visual sprites were entirely designed and illustrated by me using Aseprite, including:

• Custom pixel-art flowers and plants
• Animated decorative elements like falling leaves and pond visuals
• Soil textures and grid tiles for planting areas
• User interface icons and supporting visuals

🔊 Audio

• Nature ambience was sourced from FreeSound.org
• License: CC0 – Free for personal and commercial use
• Looping ambient sounds are used to create a relaxing garden atmosphere

---

📚 Technologies Used

• HTML5 – Structure and layout
• CSS3 – Styling, animations, and responsive design
• JavaScript (Vanilla + p5.js) – Interactivity and canvas generation
• Aseprite – Asset creation in pixel art
• Custom font: Pixelify Sans

---

🚀 How to Run the Project

Clone the repo and open index.html in your browser:

git clone https://github.com/Teshidesu/digital-garden.git
cd digital-garden
open index.html

This project is free of copyright restrictions.