OWASP / OWASP/Nest

feat(ui): enhance search results page with better filtering & responsive design

Open
#2,065 5 comments 0 reactions 0 assignees View on GitHub
enhancement question
Dominant language
Python
Stars
451
Forks
702
Avg merge
22h 59m
Merged PRs (30d)
91

Description

## Description
The current search results page in OWASP Nest displays project matches but has limited filtering and some responsiveness issues on smaller screens.

Enhancing this page would improve the overall contributor experience and make it easier to find relevant OWASP projects/issues.

---

## Current Issues
- Limited filters (only basic keyword search available).
- Filters and search bar are not well-aligned on smaller devices.
- No option to quickly clear selected filters.

---

## Proposed Enhancements
1. **Add Advanced Filters**:
- Filter by tech stack (e.g., Python, JavaScript, Java, etc.)
- Filter by project type (tool, documentation, chapter, etc.)
- Filter by difficulty level (beginner-friendly, intermediate, advanced).

2. **Responsive UI Improvements**:
- Ensure search bar and filters are mobile-friendly.
- Stack filters vertically on smaller screens for better readability.

3. **Clear Filters Button**:
- Add a one-click option to reset all filters to default.

---

## Benefits
- Makes search more precise and useful.
- Improves mobile usability.
- Encourages more contributions by helping users find relevant projects faster.

---

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.