search

codeforcauseorg / edu-client

Product focuses on 100% education as well as upskilling developing countries and rural areas.
https://educlient.codeforcause.org/
MIT License
130 stars 149 forks source link

Redesign UI of the contest page #259

Closed adarsh-technocrat closed 3 years ago

adarsh-technocrat commented 3 years ago

Is your feature request related to a problem? Please describe.

Proposed UI of the contest page

As the previous Design of Contest page was similar to the Assignment Section I think this Proposed change can go well with the contest page

Describe the solution you'd like

A clear and concise description of what you want to happen.

Additional context

Add any other context about the feature request here. Cc/ @Abhishek-kumar09 , @KeenWarrior , @kunal-kushwaha

adarsh-technocrat commented 3 years ago

Hey, @Abhishek-kumar09 can you please assign this to me :)

sakshi-choudhary commented 3 years ago

@adarsh-technocrat I don't think this design will be a good UX, people are more likely to scroll vertically than horizontally. In the current one, there's contests mentioned in list way, and its an accordion, you can put the leaderboard part and link it to the know more button which is there currently, also you can put timer part if you want. And no need for stats, stats PR #237 has been made already there is a page for stats linked through the contest page. Its my point of view, Rest @Abhishek-kumar09 can tell.

adarsh-technocrat commented 3 years ago

And no need for stats, stats PR #237 has been made already there is a page for stats linked through the contest page. It's my point of view, Rest @Abhishek-kumar09 can tell.

Hey, @sakshi-choudhary your point is right people are more likely to scroll vertically than horizontally but the idea is we are not showing the complete contests list on one screen but we are giving options to users to choose the contests according to their interest as I have given separate buttons for separate categories of contests and accordingly we can show a vertical list of ongoing and upcoming contests by clicking on that buttons.

And on the top horizontally scroll list it will only show the live contests but if the user clicks on the view all text button the user will navigate to the live contests screenand able to see all live contests in vertical view and also able to perform the filter operations according to tags like "CFC Hack".

And about the stats part, I have given the previous stats button on your stats card in the given design which will navigate to the statistic page that you have created. if I'm not wrong the stats page you have created is more focused on graphs and charts so I thought of adding a stats card so that user has a clear view of their participation like mentioned in the given design.

I think this might make you clear with the design if not I would love to have your thoughts and suggestions to make this design better in terms of UI and UX :)

adarsh-technocrat commented 3 years ago

Any reverts on this proposed change @Abhishek-kumar09, @sakshi-choudhary? waiting for approval :)