dogacel / kalas-iris Goto Github PK

Kalas-Iris CS491/2 Senior Design Project, Clothes recognition and rich attribute prediction using computer vision service for online clothing retail

License: GNU General Public License v3.0

Jupyter Notebook 70.86% HTML 0.94% JavaScript 16.18% Python 5.03% Shell 0.10% CSS 0.47% Kotlin 0.03% Swift 0.11% Objective-C 0.01% Dart 6.26%

kalas-iris's Issues

Enhance the annotation results view.

There are several options. Show more realistic results to user.

Add a button or an interaction to open a modal/ new view.
In this new view, show more meaningful data. Such as filter top 3 categories, results with atleast %90 accuracy etc. Choice is up to you.
Add suggestion system so that a user can reject a category or attribute. Or they can propose a new one to improve the results. Assume our backend uses this information to improve it's capabilities. This is for showcase for now ofcourse.

Move annotateImage to Backend

Fix errors showing up on the console.

Implement Logout

Add product database per user/integration

Wix Integration Implementation

E-commerce framework explorations

[ X] Search for different e-commerce frameworks
Wix - @Dogacel
NopCommerce - @olcayakman
Shopify - @zeynepkorkunc
WooCommerce - @AtaAtasoy
Setup different e-commerce frameworks ( Hosted is more prefered )
Try inventory management systems
[ X] Investigate how we can implement Kalas-Iris into their website

Create login/signup page.

A basic login/signup page. Don't need to hook it up to backend because we don't have an authentication system yet.

Create login form.
Create signup form.
Create a small menu item to redirect users to login page.

The Annotation page resets when another tab is visited.

The uploaded files and their annotations should still be accessible even if the user goes to another tab.

Find example shop database

WooCommerce Integration Frontend Implementation

Shopify Integration Implementation

Design Search back-end

Hook login/signup frontend with backend.

Fix footer layout.

Footer placement is wrong. Body size is incorrect.

Note: Also check annotation's page with json expanded. Setting height 100% on body does not work in that scenerio.

Header-navigation sub-menu header shape is broken

Create login/signup endpoints.

Store the user in the mongodb.
Required fields: name, password, email.
Don't allow duplicates.

Refactor backend code

Filter shown annotations by count or confidence

Kalas-Iris/web/src/views/AnnotateView.jsx

Line 9 in f6a9a0a

// TODO: Filter shown annotations by count or confidence

  const dummyJSON = ["Upload an image to start the process."];

  // TODO: Filter shown annotations by count or confidence
  const [previewJSON, setPreviewJSON] = useState(dummyJSON);
  const [previewImage, setPreviewImage] = useState(
    "https://i.stack.imgur.com/y9DpT.jpg"

79acb5c364a453edec908b0c4b988e41788bc8c8

Research semantic search algorithm.

Use MMFashion coarse attribute predictor instead of fine attribute predictor to get more results.

Fix console not showing the correct line/file where errors occur.

Stop/start instance sometimes stalling.

Fix stop/start gcloud instance button and regarding api calls.

Fix Logo Hover on NavBar

Create demo presentation.

Add multiple predictions view support

Design Dashboard front-end

Add color detection

Create a welcome page for demonstration.

Atleast we should not greet the user with a blank page.

Implement authentication tokens for logged in users

For further development, you can find the Flask-JWT-Extended documentation here.

Update README.

Add npm install instruction to the react.
Add MMFashion instructions.
Remove TOD, add features instead.

Create trailer video for presentation

A trailer video for our services is needed for the presentation, just like how we did in CS319.

The annotation and the preview of the last image in the Filelist remain on the page after deletion.

After deleting the uploaded files from the filelist in the annotation page, the annotation and the preview of the last deleted file remain on screen.

Add Integration Page Menu

Filter shown annotations by count or confidence

Kalas-Iris/web/src/views/AnnotateView.jsx

Line 9 in 3d2b815

// TODO: Filter shown annotations by count or confidence

  const dummyJSON = ["Upload an image to start the process."];

  // TODO: Filter shown annotations by count or confidence
  const [previewJSON, setPreviewJSON] = useState(dummyJSON);
  const [previewImage, setPreviewImage] = useState(
    "https://i.stack.imgur.com/y9DpT.jpg"

30787ba216a48311320ac853ec85f17a1f6ee02a

Design Dashboard back-end

Fix Carousel on the homepage. It isn't cycling images, it stops at the last one

Create Dashboard Tab on Frontend

Homepage components and data

Decide on what to display on homepage
Pick a color scheme
Apply color scheme and font to all pages

Fetch WooCommerce Authentication Information from DB

Design and UI/UX Desicions

I've looked at a color palette and some sample fonts for UI Design of the web page. I thought we could possibly use Split Colors, with the colors being:

Gold: #F1B236
Blue: #0057F2
Purple: #6B33A1

As for font, a serious yet modern font might make Kalas-Iris seem more approachable to our target audience. From sans-serif family, Space Grotesk might be good for that purpose.

Below is a sample logo idea i made using these colors and this font.