jaykay12/cricai

Desktop App & Web App for Cricket Outcome Prediction.

Hi there 👋

cricai's Issues

Remove Background Color in Dropdowns

Current Behavior:

Required Behavior:
The current background color, blue needs to be replaced with white so, that further #14 can be resolved.
Change needs to be done, for all the dropdowns

Some Intuition:
I tried this but in vain:
../static/styles/styles.css

.btn-outline-primary:hover {
background-color: white;
}

Team1 & Team2 Dropdowns must have distinct selection

Normal cricket match can never have same team playing on both sides, similarly the system requires such provisioning.

Current Behavior: Team 1 & Team 2 are having same Dropdown options-list
Required Behavior: If Team 1 Dropdown selects Team A them Team 2 Dropdown should have U-Team A as the option-list, where U signifies all the teams.

If implemented, No team can be selected on both sides, as Team 1 and Team 2 simultaneously.

Prerequistes: #8
Quite easy if it is resolved first.

Flag of winner country needs to be displayed

result.html on rendering the result gives the name of the winner country but currently flag is not supported.

All Flags are present at ../static/assets/flags/

Current Behavior: Only Indian Flag is displayed each time, as it is hard-coded.
Required Behavior: Dynamic loading of the winner country flag, using JS/jQuery

Add Responsiveness. Mobile View not supported as of now.

Current Behavior:

External CSS File can't be linked

In the Web-App, External CSS file: ../static/styles/styles.css can't be linked with the html templates.

Current Behavior: Internal CSS & Inline CSS is being used as a work-around.

Required Behavior:

• Link the file
• copy all Internal & Inline CSS to the External CSS.

Web-App Needs Redesigning, Using Bootstrap Framework

Redesign the Results

Current Behavior: Minimalist Design just showing the Winner with the Flag

Required Behavior: Good Design, showing the name & the flag of the winner nation.

Add all the assets: Images, GIFs etc at Web-App/static/assets/

Add flaticon to the title

flaticon present at ../static/assets/cricket.png needs to be added as icon in the title.

Current Title: CricAI: Smart Outcome Prediction System
Required Title: 🦗 CricAI: Smart Outcome Prediction System

Team Selection Dropdown

Both the dropdowns for team selection, #team-1 and #team-2 in the ../templates/index.html require modification.

Current Behavior: Only Name of Country is displayed
Required Behavior: The Dropdown Option should contain the Name as well as Flag of the country for both the dropdowns

KeyError on Selecting Teams "U.S.A.", "East Africa", "Namibia"

Add Necessary Checks for each Input

Each of the input is mandatory/necessary for the back-end. So, need validation of each input to be not-null before submission of form to the server.

Use Javascript or jQuery to handle this or any other work-arounds.

Current Behavior: 500: Server Error is thrown, if any of the input is null.
Required Behavior: Form is not submitted until all input are not-null

Load options in all dropdowns from javascript.

Current Behavior: All dropdowns are having hardcoded options in the html file.
Required Behavior: Need to load all the options in the dropdowns on file loading from the js file.

#9 is fully dependent on this behavior.

Buttons getting overlapped in 175% zoom in Chrome

I was just testing it out, and found this, I'd be glad to work if that's fine.