Butterfly Go

by Johanna L., Jan K., Raphael R., Pascal B.

Agenda

  1. Problem & Solution
  2. Our product
  3. Refactoring Progress
  4. Our impact
  5. Next steps

Problem Definition

Our (hobby) nature enthusiast has the problem of identifying and reporting seen butterflies, when they are out in nature. Our solution should deliver a way for nature enthusiasts to report butterflies easily and make the process more engaging.

Solution

  • Gamification
  • Simplicity
  • More engaging UI and UX

Technical problems

  1. Scalable deployment
  2. Overall performance
  3. Lacking modularity

Solutions

  1. Clustered automatic deployment with Kubernetes & GitLab
  2. Containerized modular application
  3. Cross platform UI frameworks

Our product

Core features

  • Report butterflies
  • Identify butterfly species
  • View your own collection
  • Global Leaderboard
  • Expert Rank in Species

Under the hood

Frontend

  • React
  • Tailwind
  • shadcn

Backend

  • Golang
  • MongoDB
  • MariaDB

How we match a butterfly

Overview of the application

Refactoring Progress

Frontend

  • Elevated the User Experience with Tailwind CSS and React
  • Used templates to create a consistent design
  • Extracted components to make the application more modular

Backend

  • Refactored the backend to be more modular
  • Consolidated services with similar functionality
  • Improved the performance of critical methods

The infrastructure

  • Containerized builts using Docker
  • 2 Kubernetes Clusters (each with 6 Nodes)
  • Efficient load balancing with NGINX
  • Stable deployment with automatic failover handling

Live demo

Our impact

On the environment

  • Butterflies are Bioindicators - sensitive to small changes in their climate
  • Raising awareness for climate changes and the environment
  • Gathering information on the state of our butterfly populations

On the market

  • Utilizing gamification parts to increase usage
  • Simplicity combined with a pleasing experience to improve user retention

Marketing possibilities

Increase visibility

  • NABU Newsletter and other NGOs
  • Running Ads on Instagram and Facebook
  • Flyers

Increasing traffic to the app

  • School action days
  • Science community
  • Organized action days

Next steps

  • Social features
  • Better & larger database
  • Enhanced user interfaces
  • Mobile integration

Thanks