Create a more intuitive way of filtering for different events in the Explore Events page

[DMills27]

Is your feature request related to a problem? Please describe.
The way events are filtered are cumbersome and could work better if the could be filtered by toggling different option in the form of checkboxes or some other way than they are now.

Describe the solution you'd like

Follow the steps outlined here till 11:42

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship #359

[aboutaditya]

i would like to work on this issue and i have design idea for filtering

I can create ui like this according to the decided filter fields.
kindly assign me the issue if you like this or let me know if i should give more options

[Cioppolo14]

@aboutaditya I am assigning it to you. Please review the video linked above at the time mentioned to ensure your solutions aligns with the discussion. Thank you!

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 365 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

I'm unassigning you due to inactivity. Please leave a comment here if you want to be reassigned.

[Ladyperpetua]

@palisadoes Please can I be assigned this issue ?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 365 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[ALIRAZA17]

@palisadoes Can I work on this one?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 365 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

Unassigning due to inactivity and no submitted PR. Others need to get a chance. Please let us know whether you want to be reassigned before someone else requests assignment or select another issue.

[ALIRAZA17]

@palisadoes please reassign this to me because I'm working on it. Was busy with some other work. Will complete this as soon as possible!

[ALIRAZA17]

@palisadoes Should I replace these dropbox options with Radio Buttons because I can't think of a solution other than this in such a small space. Moreover dropbox is better in this kind of space coz its a relevant one. If you allow getting this thing out of there and propose some kind of solution at the bottom of the screen, then I may have a solution!

[palisadoes]

Which solution are you proposing? It is not clear

[ALIRAZA17]

@palisadoes What kind of solution do you want?

[palisadoes]

Which solution are you proposing as the best solution? It is not clear

[palisadoes]

@Azad99-9 What filtering options are you proposing? How will you test this functionality?

[Azad99-9]

@palisadoes I've watched the video and was hoping to get some more details about what's needed from the filtering menu. This would help me to come up with a more precise solution.

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

@Azad99-9 Please work with @DMills27 on this

[Azad99-9]

@palisadoes I've watched the video and was hoping to get some more details about what's needed from the filtering menu. This would help me to come up with a more precise solution.

@DMills27 could you please give me some more clarity on this.

[AyushRaghuvanshi]

Hey, @Azad99-9 is this issue assigned to you? This looks interesting. If not @aashimawadhwa can you assign it to me?
I do have some idea on how to give more clarity with what filters intend to do.

[Azad99-9]

@AyushRaghuvanshi currently I am working on some other issue, so yeah if you want you can take this issue👍.

[aashimawadhwa]

@AyushRaghuvanshi assigned to you.

[AyushRaghuvanshi]

@DMills27 @aashimawadhwa Hey so I have a proposal for UX I was thinking about making a UI like this for more intuitiveness.

And I was also thinking of adding a subtitle text under each filter which explains that filter in two three words. That would add to some clarity as well.

If you like i can create a small demo in figma for you to see.

[aashimawadhwa]

@AyushRaghuvanshi what filtering options you will be implementing !? You can read the conversation in this pr and then come up woth a solution.

[AyushRaghuvanshi]

• All Events : Show All Events of this organization
• My Events: Events Created by me
• Registered Events: Events I have regsitered to
• Public Event : Anyone can join
• Private Events: Need a approval from the Event organizer to attend.

So Plan is to make a card with title and a greyish subtitle which will contain this small information of that filter... This I think will increase the clarity

[DMills27]

@AyushRaghuvanshi The idea you have in theory sounds good but you'll need to design it properly to avoid any unnecessary clutter with the filters. I would like to see a mockup of how this would look before you start to work on it.

[AyushRaghuvanshi]

https://www.figma.com/file/hu3U2tqiD4KetkndJKsiPi/Talawa-Mockup?type=design&node-id=0%3A1&mode=design&t=I4FRWntfdMPFmxa3-1

Hey @DMills27 Can you review and see if it works? Colors are inaccurate I will make it accurate in app if you approve.

[AyushRaghuvanshi]

@aashimawadhwa can you look into this?

[palisadoes]

@rishav-jha-mech Please take a look too.

[rishav-jha-mech]

The design mockup LGTM

[AyushRaghuvanshi]

ohkay Ill start working on it

[AyushRaghuvanshi]

Hey, So I was planning to add Filters button with the text Filters in place of event drop down of same style and in place of add date I change the text to Filter By date which would add clarity to it.

Reference to Filter Button I would bring a modal mentioned in comment above

How does it sound? @noman2002 @palisadoes @rishav-jha-mech @DMills27

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.