Skip to content

Add Java questions to card-based UI with bookmarks and unit filters - #5

Merged
PATILYASHH merged 4 commits into
mainfrom
copilot/add-java-questions-units
Nov 5, 2025
Merged

Add Java questions to card-based UI with bookmarks and unit filters#5
PATILYASHH merged 4 commits into
mainfrom
copilot/add-java-questions-units

Conversation

Copilot AI commented Nov 5, 2025

Copy link
Copy Markdown
Contributor

The java.md index file needed to be organized into 4 units and all Java questions needed to be displayed as interactive cards with bookmark functionality, matching the ML (Machine Learning) question UI.

Changes

java.md formatting

  • Changed unit headers from ## Unit X to bold # *UNIT X* format matching ML style
  • Added horizontal separators (---) before and after each unit header for visual separation
  • Replaced table format with clean list format: Q. [Question] [Click Here](link.md)
  • Organized all 46 questions into 4 units:
    • UNIT 1: j1-j10 (10 questions - Java basics)
    • UNIT 2: j11-j21 (11 questions - OOP concepts)
    • UNIT 3: j22-j34 (13 questions - Inheritance, Exceptions)
    • UNIT 4: j35-j46 (12 questions - Threads, Advanced topics)

Card-based UI with bookmarks (build.py)

  • Added all Java questions (j1-j46) to QUESTION_MAP with proper titles, units, and marks
  • Enabled modern card-based display on subject-java.html with:
    • Interactive question cards: Each question displayed as a clickable card
    • Bookmark functionality: Bookmark button on every card with persistent browser storage
    • Unit filters: Filter questions by Unit 1, 2, 3, or 4
    • Search functionality: Real-time search across all question titles
    • Unit & marks labels: Each card shows unit and marks (e.g., "Unit 2 • 4 marks")
    • Bookmark counter: Header displays count of bookmarked questions
    • Bookmark sidebar: Panel to view and manage all bookmarked questions

Screenshots

Card-based UI with all 46 Java questions:
Java Questions Cards

Unit filter and bookmark functionality:
Unit Filter Working

Provides consistent UI experience across all subjects (ML and Java) with full interactive features.

Original prompt

use java.md for adding all java quetions and units are divided like j1 to j10 1 unit
j11 to j21 - 2nd unit , j22 to j34 3rd unit , j35 to j46 4rth unit


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@vercel

vercel Bot commented Nov 5, 2025

Copy link
Copy Markdown

Deployment failed with the following error:

Resource is limited - try again in 18 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/yash-projects?upgradeToPro=build-rate-limit

Co-authored-by: PATILYASHH <149749700+PATILYASHH@users.noreply.github.com>
Copilot AI changed the title [WIP] Add Java questions divided into units Organize java.md into 4 units with clear sections Nov 5, 2025
Copilot AI requested a review from PATILYASHH November 5, 2025 14:09
@PATILYASHH

Copy link
Copy Markdown
Owner

Make UI proper just like we did with ml with all that options make a proper UI

@PATILYASHH

Copy link
Copy Markdown
Owner

@copilot Make UI proper just like we did with ml with all that options make a proper UI

Co-authored-by: PATILYASHH <149749700+PATILYASHH@users.noreply.github.com>

Copilot AI commented Nov 5, 2025

Copy link
Copy Markdown
Contributor Author

@copilot Make UI proper just like we did with ml with all that options make a proper UI

Updated java.md to match the ML UI format! Changes include:

  • Bold unit headers (# UNIT 1, UNIT 2, etc.)
  • Horizontal separators (---) for visual separation
  • Q. prefix format matching ML style
  • Removed tables for cleaner presentation

Commit: 4c0a603

Screenshot of the new UI:
Java Index Page

Copilot AI changed the title Organize java.md into 4 units with clear sections Update java.md to match ML UI format with bold units and separators Nov 5, 2025
@PATILYASHH

Copy link
Copy Markdown
Owner

@copilot not like this I want every question in card and can be bookmarkable

… bookmarks

Co-authored-by: PATILYASHH <149749700+PATILYASHH@users.noreply.github.com>

Copilot AI commented Nov 5, 2025

Copy link
Copy Markdown
Contributor Author

@copilot not like this I want every question in card and can be bookmarkable

Added all 46 Java questions to the card-based UI with full bookmark functionality! Each question now appears as a card with:

  • Question number and title
  • Unit label with marks (e.g., "Unit 2 • 4 marks")
  • Bookmark button that works
  • Filter by unit (Unit 1-4)
  • Search functionality
  • Persistent bookmarks in browser storage

Commit: e75c94e

Screenshots:

All 46 Java questions as cards:
Java Cards

Filter by Unit 2 example with bookmark working:
Unit Filter

@PATILYASHH
PATILYASHH marked this pull request as ready for review November 5, 2025 14:32
@PATILYASHH

Copy link
Copy Markdown
Owner

@copilot now fix the conflicts

Copilot AI changed the title Update java.md to match ML UI format with bold units and separators Add Java questions to card-based UI with bookmarks and unit filters Nov 5, 2025

Copilot AI commented Nov 5, 2025

Copy link
Copy Markdown
Contributor Author

@copilot now fix the conflicts

No conflicts found! The branch is clean and can be merged without issues.

Verified:

  • Branch is up to date with main (base: 5cb2bc5)
  • Working tree is clean
  • All changes are compatible with the base branch

The PR is ready to merge.

@PATILYASHH
PATILYASHH merged commit f8863dc into main Nov 5, 2025
1 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants