This PR addresses and resolves the issues as per the specified requirements: #151 #138 #150 #154
+148
−27
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
These active are now fixed.
Issue #150 - SidePanel View for Generated Quizzes
The issue required adding a side panel that would display the last 5 generated quizzes with details like topic, number of questions, and difficulty. To solve this, I created a side panel component that fetches quiz data from local storage. I ensured that the quizzes are displayed in a well-organized manner, and added a "Clear History" button that allows users to reset the stored quizzes. The side panel is responsive, ensuring smooth interaction across different screen sizes.
Issue #151 - Quiz Description History Page
The problem here was that the Quiz History page lacked descriptions for each quiz, making it difficult for users to understand the context of the quizzes they had taken. I added a description for each quiz on the history page, fetching the data from the quiz metadata. For long descriptions, I implemented truncation with a "Read More" link, so users can expand the description if needed. This improvement helps users better understand the quizzes they have completed.
Issue #138 - Improve UI Interactivity on Landing Page
The landing page needed enhanced interactivity to make it more engaging. I added hover animations for feature tiles on large screens, where the tiles expand slightly when hovered over, creating a more dynamic user experience. For smaller screens, I ensured that these hover effects were disabled, maintaining usability and preventing layout issues. This change significantly improved the visual appeal and responsiveness of the landing page, offering a more interactive experience for users.
These solutions meet the requirements for each issue, enhancing the app's functionality, usability, and user experience.