Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Improvement] Revamped UI/UX for the Extension #19

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

Roaster05
Copy link
Contributor

@Roaster05 Roaster05 commented Mar 20, 2024

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 named tailwindcss.js within the scripts 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 to text_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 as Next, Back, and Upload-File.
  • question_generation.html: Introduces a modal interface presenting all generated questions. Alongside, it offers functionalities like View, Save, and Back 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

@Roaster05 Roaster05 changed the title UI/UX Update [Improvement] Revamped UI/UX for the Extension Mar 26, 2024
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.

1 participant