https://github.com/jreyesr/seedcount

A simple web application that can count fruit seeds
https://github.com/jreyesr/seedcount

computer-vision opencv-js

Last synced: 16 days ago
JSON representation

A simple web application that can count fruit seeds

• Host: GitHub
• URL: https://github.com/jreyesr/seedcount
• Owner: jreyesr
• License: apache-2.0
• Created: 2024-06-22T21:15:12.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-08-05T02:38:29.000Z (5 months ago)
• Last Synced: 2024-11-06T23:24:55.350Z (2 months ago)
• Topics: computer-vision, opencv-js
• Language: JavaScript
• Homepage: https://seedcount.jreyesr.com/
• Size: 508 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Seed Counter application



This repo contains the source code for [a web application that can count fruit seeds](https://seedcount.jreyesr.com/).

To use:

1. Place some seeds on a sheet of white (printer) paper. Leave some space at the page's borders (don't place seeds right up to the edges)

1. For best results, try to have the seeds separated from each other (i.e. no clumps)

1. Obtain a smartphone or tablet (i.e. some device that can run a web browser such as Chrome, and has a back-facing camera). Android preferred

1. Click the DEMO button above on the device to navigate to the app, or go to 

1. If prompted, allow the application to access the device's camera

1. You should see a feed from the device's back-facing camera

1. Move the device so the camera sees the entire page filled with seeds, and nothing else

1. Press the red button to capture an image

1. A few seconds later, you'll get an image to the right of the live feed, which contains the identified seeds

## Details

The app uses [OpenCV.js](https://docs.opencv.org/4.x/df/d0a/tutorial_js_intro.html), which allows it to perform image processing operations entirely client-side (traditionally OpenCV requires a Python or C++ backend).

The exact algorithms used are documented in great detail in [a blog post](https://blog.jreyesr.com/posts/seedcounter/).

## Developers

### Deploy backend to CF Workers

```bash

cd backend

npx wrangler deploy

```

This will compile, bundle and upload the `backend/src/index.ts` to Cloudflare Workers, thus deploying a new version of the backend.

### After changing `index.html` or `sw.js`

```bash

npx workbox-cli injectManifest workbox-config.js

```

This will update the "revision" (i.e. hash) of `index.html` for the Service Worker, 

so it can cache-bust the HTML file. It will write the final SW file

to `sw.out.js`, which is the file that is actually registered on the browser.