A simple, educational, and interactive website promoting water conservation through facts, rules, and a smart watering calendar.
Water Smarter is a user-friendly, browser-based project designed to help people understand:
- Why water conservation matters
- Seasonal watering rules and restrictions
- Daily plant watering reminders through an interactive calendar
The project contains three main pages, each focusing on a different aspect of water awareness and responsible usage.
Source:
This page introduces the urgency of water conservation with real examples:
- Lake Mead’s low water levels
- Lake Tahoe’s limited capacity
- Nevada’s delicate ecosystems
Source:
This page explains seasonal watering guidance:
- Spring → 2 days/week
- Summer → 4 days/week
- Fall → 3 days/week
- Winter → 2 days/week
And the most important rule:
NEVER WATER ON SUNDAYS!
This page visually displays seasons using images, making it easy to remember the rules.
Source:
This is the most advanced part of the project. It includes:
- Interactive monthly calendar
- Alarm scheduling for different plant types
- Customizable date & time input
- Optional recurring days
- Prevents watering alarms on Sundays
- Plays an alarm sound + pop-up reminder
Users can select a plant (Rose, Cactus, Orchid, Tulip), pick a date & time, and receive a reminder such as:
“Time to water the cactus!”
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Google Fonts (DM Serif Text)
- Browser Audio API
Teaches the importance of water conservation using real statistics and ecosystem examples.
Every page includes a shared top navigation for easy switching.
Custom calendar with alarms to help users maintain a good watering routine.
Picture-based storytelling to engage younger audiences.
Just open any of the HTML files in your browser! No server required.
- Download the project
- Double-click
index.html - Explore the site
- Visit Water Calendar to try interactive features
- Home Page
- Water Laws Page
- Interactive Calendar
