🌿 MirAI

Inspiration

As plant lovers and tech enthusiasts, we wanted to make plant care simpler, smarter, and more personal.
Many people struggle to keep their plants healthy because they can’t easily identify what’s wrong or what type of care is needed.

MirAI was born from the idea of creating a friendly AI companion that helps you understand your plants better — blending machine learning, gamification, and thoughtful design to turn everyday care into an engaging experience.


What It Does

MirAI is an AI-powered plant companion that allows users to:

  • 🌱 Identify plants in real time using the Plant.id API
  • 🌤️ Assess plant health and receive personalized care recommendations
  • 🪴 Track and manage plants in a personal garden dashboard
  • 🌸 Grow an evolving plant avatar that levels up as users care for their real plants
  • 🔒 Securely log in and store data through Supabase authentication and database integration

The result is a friendly, intelligent app that helps users form better habits and deeper connections with their plants.


How We Built It

We developed MirAI using a modern, full-stack architecture focused on reliability, usability, and visual appeal.

Frontend

  • React + TypeScript + TailwindCSS for a responsive, theme-aware UI
  • Framer Motion for smooth animations and transitions

Backend & Database

  • Supabase for authentication, schema design, and data persistence

AI Integration

  • Plant.id API for image-based species recognition and health analysis

Deployment

  • Vite build for frontend optimization and cross-platform readiness

Our workflow emphasized component reusability, clean state management, and user-centered design — allowing us to iterate quickly and deliver a polished MVP within three days.


Challenges We Ran Into

  • ⚙️ Auth & Reset Flows: Integrating Supabase authentication with TypeScript required precise type definitions and secure redirect handling.
  • 🌿 API Integration: Parsing and presenting Plant.id’s detailed JSON output in a friendly way took several iterations.
  • Time Constraints: Balancing AI integration, UI polish, and database setup within a 3-day hackathon was a true sprint.
  • 💬 Team Coordination: Merging live frontend and backend changes while maintaining code consistency across multiple contributors.

Accomplishments That We're Proud Of

  • 🎯 Delivered a fully functional end-to-end MVP in under 72 hours
  • 🌸 Built a friendly visual identity — from logo to avatar system — that embodies MirAI’s personality
  • 🌱 Integrated real AI functionality that accurately identifies and assesses plant health
  • 🧠 Designed a secure, scalable Supabase backend ready for future features
  • 💚 Created a delightful user experience that bridges technology and nature

What We Learned

  • The importance of type safety in handling complex asynchronous API responses in TypeScript
  • How to structure Supabase authentication flows for login, signup, and password recovery
  • That AI is most impactful when it’s humanized — simplicity and empathy make it approachable
  • The power of collaboration and clear design thinking when working under tight deadlines

What's Next for MirAI

We’re excited to grow MirAI beyond its MVP! Our roadmap includes:

  • 🌎 Geolocation-based plant care recommendations tailored to each user’s environment
  • 📈 Expanded health analytics powered by more advanced AI models
  • 🎮 Gamified progression — unlock avatar evolutions and care streak achievements
  • 🌼 Community features, where users can share their gardens and tips
  • 📱 Mobile app release with notifications and offline scan support

Our mission is simple — to make plant care accessible, educational, and joyful for everyone.
This is just the beginning. 🌱


Built with 💚 by Mario Casas (Project Lead), Marcos Arrazola (Frontend Developer), and Cristian Mantilla (Backend Developer).

Built With

Share this project:

Updates