🌸 Rocío

Cuida tus flores con amor

Rocío (meaning "dew" in Spanish) is a beautiful, mobile-first plant care web app focused on flowers. Built with pure HTML, CSS, and JavaScript — no frameworks, no dependencies, now connected to a secure Supabase identification proxy.

✨ Features

• 🌸 Catálogo — Browse 15+ flowers with detailed care information (Spanish + scientific names)
• 🌱 Mi Jardín — Track your personal garden, watering schedule, and plant health
• 📅 Calendario — Weekly care schedule with color-coded urgency
• 💡 Tips — Seasonal gardening tips that rotate monthly
• 📸 Identificador experimental — Camera/file upload flow with uncertainty, top candidates, correction buttons, and optional Plant.id real-recognition API key
• 🔔 Recordatorios — Local watering reminder support for due/overdue plants while the app is open
• 🌙 Dark Mode — Beautiful dark theme toggle
• 🌐 Online-first IA — Plant identification runs through Supabase + Plant.id with an honest local fallback only if the API fails

🎨 Design

• Soft sage green, cream ivory, rose pink, and earth brown palette
• Glassmorphism elements and micro-animations
• Mobile-first responsive layout
• Smooth CSS-only page transitions
• Onboarding walkthrough for first-time visitors

🛠 Tech

• Single index.html app
• Zero framework dependencies
• Optional Plant.id API integration
• localStorage persistence
• Pure vanilla JS + modern CSS
• Works on iPhone Safari, Android Chrome, Desktop

📸 Screenshots

🔗 Live

https://juliosuas.github.io/rocio/

📄 License

MIT