Added Filtering Functionality in Trekking page

[IkkiOcean]

Description

This PR introduces the ability to filter treks based on difficulty level, district, and altitude in the Trekking component. Additionally, it implements a "not available" message to inform users when no treks match the selected filters. This enhancement significantly improves the user experience by providing clear feedback and functionality.

Changes Made

• Filter Functionality:

  • Implemented filtering logic that allows users to filter treks based on:
    • Difficulty Level: Options include EASY, EASY TO MODERATE, MODERATE, MODERATE TO DIFFICULT, DEMANDING, and HIGH RISK.
    • District: Dynamically generated list of unique districts from the trek data.
    • Altitude: Options for Low, Moderate, and High based on altitude ranges.

• "Not Available" Message:

  • Added a div that displays the message "No treks available based on your filters. Please adjust your selections." when no treks match the filters.
  • Ensured the message is styled for visibility and centered within the card container.

Video

filter.mp4

Related Issues

• Closes [FEATURE] Add Filtering Option for Trekking Locations #221

[vercel]

@IkkiOcean is attempting to deploy a commit to the ajaynegi45's projects Team on Vercel.

A member of the Team first needs to authorize it.

[IkkiOcean]

I changed the design of filter component, to make it look more blended in the UI. Should I move forward with adding read more feature to language page also.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
uttarakhand-culture	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 9:39am

[ajaynegi45]

Hi @IkkiOcean,

Thank you for your prompt work on this issue. I appreciate your dedication to the project.

I have reviewed your work, and I need some changes.

• Don't change it. The earlier Design was good.

  

• Add more trek

• Star the repo also. (imp)

Once again, thank you for your contribution! ❤️