Kong (Keep our nature green)

Created by Julia (Seo Hyeon) Kim | Released on June 2024 | Version 1.0

Visit the live app here 👉 https://kong-app.netlify.app

What is Kong? 🦍

Kong helps foster the love for nature by gamifying plant identification. When user uploads or takes a photo of a plant, MyPlantnet identifies it, OpenAI API provides information about the plant, and StabilityAI API generates a Pokémon-like illustration. The identified plant's illustration and information will be added to the user's collection.

Why is Kong necessary?

According to the World Economic Forum, almost 8 out of 10 children do not recognize common plants like an oak leaf or a bluebell. In a world where climate crisis is worse than ever, it is essential that we don't forget about the very basics: fostering a culture where we love and appreciate nature and have empathy towards the environment.

Screenshots

The Details

Features

• Users can identify the plant by taking or uploading a photo
• Users can look at their collection of plants
• Users can generate a new illustration of the plant if they are unhappy with the initial result
• Users can delete plants in their database
• Users can sort plants by different categories
• Users can search for a specific plant in their collection

Tech Stack

• React
• MySQL
• Express
• Client libraries:
  • react
  • react-router
  • react-webcam
  • react-hot-toast
  • react-responsive-carousel
  • axios
• Server libraries:
  • knex
  • express

APIs

• MyPlantnet for plant identification and related plant photos
• OpenAI API for generation of plant information
• StabilityAI API for generation of illustration

Next Steps

• User Auth
• Incorporate Comfy UI for fine-tuned image generation
• Tutorial on initial start to show how app works
• Ability to send multiple photos to API for better identification
• Integrate Google Maps
  • View where the plant's usual habitat is around the world
• Integrate Geotag
  • View where the plant was added to the collection
  • View plants that are nearby that can be added to the collection
• Feature: "Featured Plants"
  • View plants that are nearby that can be added to the collection
• Feature: "Add Friends"
  • Allow users to compare stats of collected plants