Web application that detects and counts the number of roses using an artificial intelligence model.

Overview

Contributors Forks Stargazers Issues GPL License


Logo

AI rose counting system web application

Web application that recognizes and counts the number of red roses using an artificial intelligence model.
Explore the docs »

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact
  7. Acknowledgments

About The Project

Product Name Screen Shot

This is a web application that recognizes and counts the number of red roses using artificial intelligence. The user can upload an image or take a picture with the camera. Once the image is processed, the application will display on screen the number of roses found and the average accuracy. The user can also download the resulting image, or generate and download a report.

This web application was developed by Leo, Mike, Carlos and Juan, students at Yachay Tech University.

(back to top)

Built With

OS Suported

  • Microsoft Windows: 10, 11
  • Lunix: Ubuntu 20.04

(back to top)

Getting Started

Prerequisites

Important (for Windows only)

  1. Make sure to add Python to path during Python installation

Logo

  1. Make sure to disable path length limit during Python installation

Logo

Windows

  • Latest pip
    pip install --upgrade pip
  • Numpy
    pip install numpy
  • Django
    pip install Django
  • TensorFlow
    pip install tensorflow
  • OpenCV
    pip install opencv-python
  • ReportLab
    pip install reportlab
  • Pillow
    pip install pillow

Linux

  • Upgrade Repositories
    sudo apt-get upgrade -y
  • Pip for Python3
    sudo apt install python3-pip
  • Upgrade Pip for Python3
    sudo pip3 install --upgrade pip
  • Django
    sudo pip3 install django
  • TensorFlow
    sudo pip3 install tensorflow
  • OpenCV
    sudo pip3 install opencv-python
  • ReportLab
    sudo pip3 install reportlab
  • Pillow
    sudo pip3 install pillow

Installation

Windows

  1. Clone the repo
    git clone https://github.com/Leo-Thomas/AI-based-red-rose-counting-webapp.git
  2. Inside "AI-based-red-rose-counting-webapp" directory, open a terminal and initialize the server
    python manage.py runserver
  3. Open the generated link in the browser
    Starting development server at **http://127.0.0.1:8000/**

(back to top)

Linux

  1. Clone the repo
sudo git clone https://github.com/Leo-Thomas/AI-based-red-rose-counting-webapp.git
  1. Inside "AI-based-red-rose-counting-webapp" directory, open a terminal as administrator and initialize the server
sudo python3 manage.py runserver
  1. Open the generated link in the browser
Starting development server at **http://127.0.0.1:8000/**

(back to top)

Usage

Counting by uploading a file

  • Click the "Choose file" button

Logo

  • Select the file you want to process and upload it

Logo

  • Once the file is loaded, click the "Count" button to start counting.

Logo

  • A waiting screen will be displayed while your image is being processed. (You can cancel the process at any time by clicking the "Cancel" button.)

Logo

  • After a few seconds, the original image will be displayed on the screen together with the image with the rose detection. Also, the number of roses found and the average accuracy will be displayed in the results panel.

Logo

  • If you wish, you can download the resulting image by clicking on the "Download Image" button.

Logo

  • You can also generate a report of the count by clicking on the "Generate report" button, which will take you to a new window.

Logo

  • In the new window, you can download the report by clicking on the "Download report" button.

Logo

Logo

  • Finally, you can go to the home page to process another image

(back to top)

Counting using the camera

  • Click on the "Camera" button

Logo

  • Give permissions to access your camera

Logo

  • Then, a box with the image of your camera will be displayed.

Logo

  • Place the desired image in front of the lens and press the "Shoot" button to capture it. (You can click the "Shoot" button as many times as you wish until you capture the right image.)

Logo

  • Once the image is captured, click on the "Count" button to start counting.

Logo

  • A waiting screen will be displayed while your image is being processed. (You can cancel the process at any time by clicking the "Cancel" button.)

Logo

  • After a few seconds, the original image will be displayed on the screen together with the image with the rose detection. Also, the number of roses found and the average accuracy will be displayed in the results panel.

Logo

  • If you wish, you can download the resulting image by clicking on the "Download Image" button.

Logo

  • You can also generate a report of the count by clicking on the "Generate report" button, which will take you to a new window.

Logo

  • In the new window, you can download the report by clicking on the "Download report" button.

Logo

Logo

  • Finally, you can go to the home page to process another image

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/NewFeature)
  3. Commit your Changes (git commit -m 'Add some NewFeature')
  4. Push to the Branch (git push origin feature/NewFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the GNU General Public License v3.0. See LICENSE for more information.

(back to top)

Contact

Leo Ramos - LinkedIn - [email protected]

Mike Bermeo - LinkedIn - [email protected]

Juan Brito - LinkedIn - [email protected]

Carlos Macancela - LinkedIn - [email protected]



Project Link: https://github.com/Leo-Thomas/AI-Rose-counting-system-web-app

(back to top)

Acknowledgments

(back to top)

You might also like...

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Jan 1, 2023

CSS for clean and fast web apps

Topcoat CSS for clean and fast web apps Usage Download Topcoat Open demo/index.html to view the usage guides. Copy your desired theme CSS from the css

Jan 6, 2023

Easily create and maintain style guides using CSS comments

Easily create and maintain style guides using CSS comments

mdcss lets you easily create and maintain style guides with CSS comments using Markdown. /*--- title: Buttons section: Base CSS --- Button styles c

Oct 4, 2022

A Simple and beautiful template for blog or portfolio using Next js.

Next js Blog Configuration Update your name in theme.config.js or change the footer. Update your name and site URL for the RSS feed in scripts/gen-rss

Apr 20, 2022

RxHtmlButtonLibrary - Html Button Styling Library by roxunlimited.com using CSS and jQuery.

RxHtmlButtonLibrary - Html Button Styling Library by roxunlimited.com using CSS and jQuery.

rxHTMLButton Library v0.3 rxHTMLButton Library will work on almost every HTML tag. It will smoothly work on 'a href link', 'button type button', 'inpu

Sep 16, 2022

A CSS button library built using Sass and Compass

Buttons 2.0 Buttons 2.0 Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source pro

Jan 4, 2023

The fastest way to build beautiful Electron apps using simple HTML and CSS

Photon UI toolkit for building desktop apps with Electron. Getting started Clone the repo with git clone https://github.com/connors/photon.git Read th

Dec 29, 2022

Express js webserver integration with edgejs templating engine using webpack assets manager and hot reloading

Express js webserver integration with edgejs templating engine using webpack assets manager and hot reloading

Feb 12, 2022

⚙️ Static site boilerplate. Using Gulp, PugJS, and Sass.

🏔 Alaska | Static-site Boilerplate ⚡ Fastest way to build HTML and CSS static sites. You don't have to learn complicated tools to build simple websit

Sep 10, 2022
Owner
null
AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Kriasoft 105 Jun 18, 2022
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Fluent UI Web ?? ?? ?? Version 8 of @fluentui/react is now available on npm! ?? ?? ?? See the release notes for more info, and please file an issue if

Microsoft 14.5k Jan 4, 2023
A Unique Food order landing page web application called 'HOMELY' where you can select available meals and add them to cart then order them.

End Result Click the link : https://foodapp-by-eniola.netlify.com Getting Started with Create React App This project was bootstrapped with Create Reac

Eniola Odunmbaku 26 Dec 31, 2022
🌆 Here I've aggregated some of the most commonly used web-page templates made using Bootstrap4 🛒

Web-page component templates using bootstrap4 Here are some of the most common web-page templates made using bootstrap4 Login page Create-Account or S

Akash Giri 89 Dec 30, 2022
Chrome extension that creates a button on Lever job application pages which shows you how their api parses your resume.

EDIT I have helped make a website that provides the same functionality. Repo: https://github.com/KnlnKS/resume-parser Site: https://resume-parser.verc

Kunalan Kevin Subagaran 17 May 19, 2022
A lightweight and modular front-end framework for developing fast and powerful web interfaces

UIkit UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Homepage - Learn more about UIkit @getui

null 17.7k Jan 8, 2023
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

This is the main branch of the repo, which contains the latest stable release. For the ongoing development, see the develop branch. Halfmoon Front-end

Tahmid (Halfmoon UI) 2.8k Dec 26, 2022
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat

Bootstrap 161k Jan 1, 2023
Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Material Components 16.6k Jan 3, 2023