FSOC-OSS / FSOC-OSS/Fsoc-level-hard

Create Quiz Preview and Question Bank Page

Open
#52 0 comments 0 reactions 0 assignees View on GitHub
enhancement feature hacktoberfest intermediate
Dominant language
JavaScript
Stars
1
Forks
21
PR merge metrics
No merged PRs in 30d

Description

**Title:** Build Question Preview Interface with Filtering and Bookmarking

## Problem Statement

Users cannot preview questions before starting a quiz or review questions they found interesting. A question bank would allow users to explore available questions, bookmark favorites, and study specific topics without taking a full quiz.

## Proposed Solution

Develop a question bank/preview page with:

* Browse all available questions
* Filter by category, difficulty, and tags
* Search functionality
* Question preview cards
* Bookmark/favorite questions
* Create custom quiz from bookmarked questions

## Acceptance Criteria

### ✅ Question Bank Layout

* Grid or list view toggle
* Question cards with category badge
* Difficulty indicator on each card
* Question text preview (truncated)
* Answer count and type indicator
* Bookmark icon on each card

### ✅ Filter and Search

* Filter by category (multi-select)
* Filter by difficulty (Easy/Medium/Hard)
* Filter by question type (Multiple Choice/True-False)
* Search by question text or keywords
* Combination of filters
* Active filter tags with remove option

### ✅ Question Cards

* Display question text
* Show category and difficulty
* Display all answer options
* Correct answer hidden by default
* "Show Answer" toggle button
* Bookmark/favorite button
* Time to answer indicator (estimated)

### ✅ Bookmarking System

* Star icon to bookmark questions
* Filled star for bookmarked questions
* Bookmarks saved to localStorage
* "View Bookmarked Questions" filter
* Remove from bookmarks option
* Bookmark count indicator

### ✅ Question Detail View

* Click card to see full question
* Modal or dedicated page
* All answer options listed
* Reveal correct answer option
* Explanation if available
* Related questions section
* Share question button

### ✅ Custom Quiz Creation

* "Create Custom Quiz" button
* Select multiple bookmarked questions
* Set quiz parameters (time, shuffle)
* Preview selected questions
* Start custom quiz
* Save custom quiz as template

### ✅ Sorting Options

* Sort by difficulty
* Sort by category
* Sort by recently added
* Sort by most attempted
* Random order option

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.