[Improvement] Revamped UI/UX for the Extension #19
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.
Purpose:
This pull request is linked to issue #2 and revolves around refining the proposed user interface.
Implementation:
We've integrated the
tailwind
CSS library, utilizing its CDN file locally namedtailwindcss.js
within thescripts
folder. Subsequently, we've made modifications to the following key HTML files:index.html:
Primarily focuses on the core layout of the popup, featuring a prominent "Fireup" button for redirection totext_input.html
.text_input.html:
This page is dedicated to user input, housing a responsive textarea and an engaging dots animation for loading feedback. Additionally, it includes essential navigation buttons such asNext
,Back
, andUpload-File
.question_generation.html:
Introduces a modal interface presenting all generated questions. Alongside, it offers functionalities likeView
,Save
, andBack
for seamless interaction.Moreover, to streamline resource accessibility, we've centralized our public assets within the designated
assets
folder, ensuring easy integration across our HTML files.Present State:
For a comprehensive understanding of the UI/UX refinements, a screencast showcasing the entire transformation has been provided.
Screencast.from.2024-03-21.01-56-24.webm