Skip to content

🌿 A playful, sticky-note-themed quote app built with HTML, CSS, and JavaScript β€” includes random quotes, favorites, dark mode, and grid view.

Notifications You must be signed in to change notification settings

MEAMAE-space/Quote-Garden

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c8e76c9Β Β·Β Β· Jul 20, 2025

History

30 Commits
Jul 20, 2025
Jul 20, 2025
Jul 7, 2025
Jul 20, 2025
Jul 20, 2025
Jul 20, 2025

Repository files navigation

🌿 Quote Garden

Quote Garden is a sticky-note-inspired web app that displays motivational quotes with a playful and calming design. Built using HTML, CSS, and JavaScript, it includes multiple view modes, a typing effect, dark mode, favorites, and a soothing garden aesthetic to lift your mood.

Banner


✨ Features

  • 🎲 Random quote display with typing animation
  • πŸ’Ύ Favorites β€” Save and revisit quotes you love
  • πŸŒ— Light/Dark mode with theme-based sticky note colors
  • πŸ—‚οΈ Grid view for browsing multiple quotes at once
  • 🎨 Color-changing quote cards for each new tap
  • 🧠 Handwritten font style for a natural look
  • πŸ’Ύ Persistent Preferences: Remembers your last selected theme and dark mode using localStorage.
  • πŸ“‚ Export: Save your favorite quotes as TXT or PDF files.
  • πŸ”” Daily Quote Reminder: (Optional feature for future updates).
  • 🎨 Themes: Choose between multiple backgrounds β€” Garden, Notebook, Gradient, Starry Night,and more.
  • πŸ“± Fully responsive and mobile-friendly

About

🌿 A playful, sticky-note-themed quote app built with HTML, CSS, and JavaScript β€” includes random quotes, favorites, dark mode, and grid view.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published