Skip to content

🌱 Can a website grow plants? Almost! Welcome to your own virtual garden! Drag cute little plants into a cozy glass jar, enjoy calming background music, and toggle it on/off with a magical mute button. Built with HTML, CSS, and JavaScript β€” it’s the perfect mix of code, creativity, and chill. 🎡🌿

Notifications You must be signed in to change notification settings

batoolnimra/My-Terrarium

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌿 My Virtual Terrarium

Ever wanted to grow a tiny garden... in your browser?
This interactive web project lets users drag and drop plants into a virtual terrarium, complete with background music and a mute/unmute button.


✨ Features

  • Drag & drop plants into the terrarium
  • Background music that plays on user click
  • Mute/Unmute toggle button
  • Fully responsive layout for different devices
  • Aesthetic pastel theme

🌸 Demo Screenshot

Terrarium Preview


πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript

πŸ“Œ About This Project

This project was originally inspired by a web development course on LinkedIn and a project from Web Dev Simplified. I used it as a learning opportunity to implement my own ideas including:

  • Custom plant & flower replacements
  • Theme redesign
  • Background music integration
  • Mute/unmute functionality

πŸš€ Deployment

This project is live on Netlify:
πŸ‘‰ my-terrarium.netlify.app


πŸ™‹β€β™€οΈ Author

Nimra Batool
GitHub Profile


About

🌱 Can a website grow plants? Almost! Welcome to your own virtual garden! Drag cute little plants into a cozy glass jar, enjoy calming background music, and toggle it on/off with a magical mute button. Built with HTML, CSS, and JavaScript β€” it’s the perfect mix of code, creativity, and chill. 🎡🌿

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published