Enhance UI/UX of EvalAI

[RishabhJain2018]

Project Title: Enhance UI/UX of EvalAI

Description:

This will focus on improving the existing UI of EvalAI to improve the experience of both challenge organizers and participants. We also want to improve the discoverability of all the features that are supported on EvalAI. With the increase in the number of users of on EvalAI, it is critical to have a frictionless and intuitive user experience. The goal of this project is to ease the pipeline for challenge creation, enhancing the user experience of the platform, adding plots for displaying the progress of state-of-the-art algorithms, for displaying the progress of participant team in a challenge over the years and several other features.

Deliverable:

• [ ] Migrate from bower to yarn
• [ ] Challenge creation using templates on UI
• [ ] Enhance the feature to edit the details of the challenge from UI
• [ ] Create a tutorial for challenge creation using templates as well as zip
• [ ] Add video for challenge creation on the homepage
• [ ] Add FAQ section for creating a challenge on EvalAI
• [ ] Create a news page for EvalAI
• [ ] Modify the home page to add the supported features
• [ ] List the features of having multiple phases, multiple dataset splits and multiple leaderboards
• [ ] Add Evalai-CLI and its main features
• [ ] Feature for showing the previous challenges leaderboard.
• [ ] Display the accuracies, submission metadata on the leaderboard, my submissions and view all submissions as a collapsible
• [ ] Create a unique link for each of the entry on the leaderboard so that participant can share their entry position on the leaderboard
• [ ] Highlight participant team entry on the leaderboard for the logged in user along with displaying the team name
• [ ] Add filtering in view all submissions based upon participant team name
• [ ] Modify pagination for EvalAI
• [ ] Basic Challenge Analytics
• [ ] Display a line chart of the progress in a challenge over a period of time (2015-2018) which is to be shown on the leaderboard page corresponding to each phase and dataset split
• [ ] Display line chart for increase/decrease in the rank of a participant
• [ ] A plot showing the progress over the duration of the contest with maximum, mean, baseline and lowest values
• [ ] Add feature to display the accuracy with variable decimal fields
• [ ] Create a website maintenance page
• [ ] Write robust tests for the frontend

Extended Goals:

• [ ] Add Documentation for frontend

Mentor: Gali Prem Sagar @galipremsagar, Shivani Prakash @shivaniprakash95 (Design Mentor) , Rishabh Jain @RishabhJain2018

Skills Required: AngularJS, HTML, CSS, Javascript

Skill Level: Medium

Get started: Try to fix some issues in EvalAI (note that there are some issues labeled with GSOC-2019)

Tutorials:

a) AngularJS b) Javascript

Important Links:

• EvalAI Website: evalai.cloudcv.org
• EvalAI Github repository: Cloud-CV/EvalAI
• EvalAI Docs: http://evalai.readthedocs.io/en/latest
• GSoC Proposal Template: Cloud-CV/GSoC-Ideas/wiki/GSOC-2019-Proposal-Template
• Gitter Channel: gitter.im/Cloud-CV
• Mailing list: groups.google.com/forum/#!forum/cloudcv

[nikhilmudholkar]

@RishabhJain2018 If at this point I am somewhat inclined towards this idea, the should I focus on solving issues related to UI changes only or any issues would do?

[RishabhJain2018]

Hi @nikhilmudholkar, solving issues related to the frontend will definitely give you an edge if you are thinking of a GSOC proposal for this idea.

[nikhilmudholkar]

Thanks @RishabhJain2018 At this point, I already have an issue assigned (displaying Pk in challenges admin table). I'll start working on UI related issues once I am done with this issue. In the meantime, it would be very helpful if you can assign any issues related to this idea to me. Thanks a lot

[shashaBot]

@RishabhJain2018 I would like to work on this. Please assign issues related to this to me

[Sanji515]

@RishabhJain2018 This looks amazing, I'm excited and would love to work on this.

[shaunak-badani]

Hi. I would like to work on this. I have a lot of experience in UI/UX development. Have a lot of experience working with React, so Angular won't be a problem.

[live-wire]

@shashaBot @Sanji515 @shaunak-badani Thank you for the interest 😄 Feel free to open Pull Requests for any of the open issues.

[RishabhJain2018]

@shashaBot @nikhilmudholkar @Sanji515 @shaunak-badani Adding to what @live-wire said, you can also fix the issues listed in the deliverables above, even if there are no issues for it.

[piyush97]

Looks great

[rithvikgujjula]

@RishabhJain2018 I would like to create a news page for EvalAI

[RishabhJain2018]

Looking forward to your proposal @piyush97 !

[Dday09]

That exactly fits my domain of interest! Just a bit late to the party.....

[piyush97]

Looking forward to your proposal @piyush97 !

Yes

[RishabhJain2018]

That exactly fits my domain of interest! Just a bit late to the party.....

Welcome to CloudCV @Dday09. Looking forward to your GSoC proposal.

[kelvin169]

When it comes to working on Such a UI/UX project i always like documenting my work as well as commenting on my codes to make it easier should anyone else ever need to change some aspects of my work. second I think the overall user experience always goes hand in hand with a good user interface. If i get to work on this my main emphasis will be on ensuring all the bits and pieces fit together. And finally communication is key in every projects despite being on different time zones , I have intentionally cleared my summer break to purely focus on my open source projects. I am really hoping this year my application is successful

[aditban]

Hi, I'm Aditya. I am studying bachelor in design from Delhi technological university, my specialisation is interaction design I would love to design a beautiful and user-friendly UI for this project but the issue is I am still learning front end development. should or can I apply for this project?

[kumarrajan4264]

@RishabhJain2018 I would like to work on this. can I apply for this project???