Foam Classification App

Culture Biosciences: Take Home Challenge

Created a foaming classification system based on the following four requirements:

As a user, I need to be able to view images from the reactor run.
As a user, while viewing images I need the ability to mark them as foaming or not.
As a user, I want my decisions to be stored for the next time I use the app.
As a user, I need to be able to filter by foaming, non-foaming, and unclassified images.

Links

Loom Demo

Technology

Built with:

Client: JavaScript, React, Bootstrap5.
Backend: Node.js, Express, PostgreSQL, Knex.js.

Installation

Fork and clone this repository.
Create a .env file in the backend directory.
Add the DATABASE_URL to the .env file.
Run npm install-all-deps in the terminal of the root directory to install the client and backend dependencies in the respective directories.
Run npm run dev to start the client and backend concurrently.