Skip to content

Very difficult to compare my code with actual solution in case of getting stuck at point #170

@AQIB-NAWAB

Description

@AQIB-NAWAB
Contributor

Hey,
When a user gets stuck and just wants to figure out what went wrong in their code, it's super frustrating that clicking "View Solution" just wipes everything and shows the answer. That’s not a great experience. It seems to user like they were waste their time and doing wrong implementation. Which leads to less motivated.

It’d be way better if, when the user clicks "View Solution," a popup showed up with two editors — their code on the left and the actual solution on the right. This way, they can compare both, spot the mistake, and learn from it without losing their work.

It helps them stay involved and actually learn instead of just copying the answer. While there will be copy button to copy the solution but there is one layer more to restrict the user.

Here is video for better understanding

Screencast.from.2025-04-10.21-56-32.webm

Just rough view of suggested design of modal or pop up to compare the code

Image

Activity

AQIB-NAWAB

AQIB-NAWAB commented on Apr 10, 2025

@AQIB-NAWAB
ContributorAuthor

HI @JeelRajodiya , Please let me know your thoughts about it.
Thanks

Yashwanth1906

Yashwanth1906 commented on Apr 11, 2025

@Yashwanth1906

Hi @AQIB-NAWAB , I actually proposed, A solution UI design that will be super easy to compare. #149 is this design looks fine?🙂

AQIB-NAWAB

AQIB-NAWAB commented on Apr 11, 2025

@AQIB-NAWAB
ContributorAuthor

Hi @AQIB-NAWAB , I actually proposed, A solution UI design that will be super easy to compare. #149 is this design looks fine?🙂

Hi @Yashwanth1906 , I really liked the solution UI design. It will help user to easily find the mistake in code while comparison their code to actual solution.

CC : @JeelRajodiya

JeelRajodiya

JeelRajodiya commented on Apr 12, 2025

@JeelRajodiya
Member

@AQIB-NAWAB @Yashwanth1906 I have end term exams nearing, so let's just put this idea on hold.

AQIB-NAWAB

AQIB-NAWAB commented on Apr 12, 2025

@AQIB-NAWAB
ContributorAuthor

@AQIB-NAWAB @Yashwanth1906 I have end term exams nearing, so let's just put this idea on hold.

ohh sure JeelRajodiya, Let's put it on hold.

AQIB-NAWAB

AQIB-NAWAB commented on Jun 2, 2025

@AQIB-NAWAB
ContributorAuthor

Hi @JeelRajodiya , can we work on this idea ?. Looking for your thoughts

JeelRajodiya

JeelRajodiya commented on Jun 2, 2025

@JeelRajodiya
Member

@AQIB-NAWAB We can move the solution into a separate tab of its own as shown in this comment by @Yashwanth1906. also, transform the show solution link into "use this solution" button and move it into the new tab we created for the solution.

added
Status: AcceptedIt's clear what the subject of the issue is about, and what the resolution should be.
on Jun 2, 2025
AQIB-NAWAB

AQIB-NAWAB commented on Jun 8, 2025

@AQIB-NAWAB
ContributorAuthor

Hi @JeelRajodiya , Please review the PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Status: AcceptedIt's clear what the subject of the issue is about, and what the resolution should be.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Participants

    @JeelRajodiya@AQIB-NAWAB@Yashwanth1906

    Issue actions

      Very difficult to compare my code with actual solution in case of getting stuck at point · Issue #170 · json-schema-org/tour