Project

General

Profile

Actions
Copy link

ClientProject #3290

open

QA & Bug Fixes: UI Improvements, Functionality Fixes, and Suggestions Implementation

Added by Md.Sajib Ahmed 7 months ago. Updated 6 months ago.

Status:
In Progress
Priority:
High
Assignee:
Md.Sajib Ahmed
Target version:
Revamp.v1.1: sprint 04
Start date:
09/18/2025
Due date:
09/19/2025 (about 7 months late)
% Done:

100%

Estimated time:
15:00 h
Spent time:
40:00 h

Description

Description:

This issue covers the recent development testing, bug fixes, and implementation of feedback. Below are the tasks completed:

Tasks Completed:

  1. Full Website Dev Testing

    • Conducted a complete round of development testing across all major pages and features.

  2. UI-Related Bug Fixes

    • Resolved various UI inconsistencies and alignment issues.
    • Improved responsiveness for mobile and tablet devices.

  3. Functionality Fixes

    • Fixed broken or inconsistent functionality identified during testing.
    • Addressed navigation, form submissions, and interaction bugs.

  4. Implemented Suggestions

    • Applied UI/UX suggestions from design and product teams.
    • Incorporated user feedback where applicable.

  5. Documents Link

Actions
Copy link
 #1

Updated by Md.Sajib Ahmed 7 months ago

  • % Done changed from 0 to 50

Here is the github commit messages
commit 1
commit 2

Actions
Copy link
 #2

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 50 to 70

ref:
https://github.com/pqsjapan/frontendV1.1/commit/f5d3bc92f489a72519612e3f63fc692ff965c637

**Key Changes Summary:

Payment Methods UI Update:

  • Replaced SVG-based payment icons with PNG images for improved flexibility.
  • Added 6 new payment method images to the /public/footer/ directory.
  • Updated PaymentMethods.tsx to use next/image component for enhanced image optimization.
  • Changed layout from a 3-column to a 3x2 grid with improved styling.

New Dependencies Added:

  • jszip and xlsx for Excel file handling capabilities.
  • js-cookie for cookie management.
  • react-turnstile for Cloudflare Turnstile CAPTCHA integration.
  • Added corresponding TypeScript definitions for type safety.

Component Updates:

  • Modified VisaIcon.tsx to use an image-based approach instead of SVG paths.
  • Updated import statements and component structure in the payment methods component.

Authentication UI Improvements:

  • Simplified sign-in page title from "Sign in to your account" to "Login."
  • Updated sign-up form title from verbose text to "Signup."

Miscellaneous Changes:

  • Made minor text adjustments in various components.
  • Refined layouts in car details and product list components.
Actions
Copy link
 #3

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 70 to 90

ref:
https://github.com/pqsjapan/frontendV1.1/commit/ba48749d95ec91ecc5613267c565ea4053a5fd65

Summary of Key Changes:

  • Improved form input responsiveness and placeholder styling in auth and enquiry components.
  • Updated button and label text for clarity and consistency (e.g., "Sign Up" vs "Signup", "Remember password?").
  • Replaced hardcoded customerId with dynamic retrieval via getCustomerId() in dashboard components.
  • Added a "NotFound" component display when purchase history data is empty.
  • Minor UI tweaks: button border-radius, background colors, and text sizing for better appearance.
  • Fixed navigation link in header to point to sign-up instead of sign-in.
Actions
Copy link
 #4

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/0b5a5949eaecfdc2dd6771bde72f17cb2803ca1a

Summary of Key Changes:

  1. UI Styling Updates:

    • Replaced bg-gray-800 with bg-secondary-100 in AccountHistory component for consistent theming
    • Changed navigation visibility breakpoint from xl:block to md:block in TopSection header component

  2. Form Improvements:

    • Added required attribute to email input in ResetPasswordForm for better validation
    • Enhanced SignUpForm with loading states for port selection:
      • Added loading spinner when fetching port data
      • Implemented proper loading state management with isPortLoading flag
      • Added user feedback messages for loading, empty, and available port states
Actions
Copy link
 #5

Updated by Nazmul Hossain Shovon 7 months ago

  • Estimated time changed from 12:00 h to 15:00 h
Actions
Copy link
 #6

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/7bb4e6d133a43dc6193db15e1fc78e2c1a8c556b
https://github.com/pqsjapan/frontendV1.1/commit/39cbf3dec7d03cd8d32191d10ccd555891454936
https://github.com/pqsjapan/frontendV1.1/commit/69a6924a9f7d8a7a0084964e43b4644f11376874

Key Changes:
Mobile Menu Improvements:

  • Hamburger menu now supports multiple expandable submenus (not just "About Us").
  • Submenus auto-scroll into view when expanded.
  • "Auto Parts" in the menu now has a submenu for "Parts List" and "Parts Inquiry".
    Image Fallback:
  • Added a new ImageWithFallback component to show a default image if loading fails.
  • Product grid now uses this fallback for car images.
    UI Feedback Enhancements:
  • Loading spinner and message added when car models are loading in the auto-parts back-order form.
  • Improved button visibility and icons for authentication buttons on mobile and desktop.
    Other Fixes:
  • DHL tracking link now opens in a new tab with the correct tracking URL.
  • Removed fixed width for filter sections on stock pages for better responsiveness.
  • Commented out unused StockRemarks in parts details.
Actions
Copy link
 #7

Updated by Md.Sajib Ahmed 7 months ago

Here is the github commit message

  1. Update the API zip logic
  2. Update handler function
  3. Replace axios to fetch
Actions
Copy link
 #8

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/f286e096f15632443da04b14cd42e438f7334463#diff-032b9bb9543edb3c2e9ae3c02e99a19462015c02447a3b72a8f039ccdca69367

Summary of Key Changes:
FAQ Page Refactored:

  • Replaced hardcoded FAQ content with new reusable FAQ and FaqMobile components for desktop and mobile views.
  • Improved FAQ content clarity and structure.

Dashboard Filter & Purchase History:

  • Refactored dashboard filter logic to use URL search parameters.
  • Simplified FilterSection and PurchaseHistory components by removing unnecessary props and dummy data.

Product Card Image Handling:

  • Switched from Next.js Image to custom ImageWithFallback for better image loading reliability.

General Improvements:

  • Fixed typos and improved wording in company profile and how-to-buy pages.
  • Minor UI tweaks to skeleton loaders and vehicle info links.
Actions
Copy link
 #9

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/f242684ac1b155460888f151272968a84ca3f392

Summary of Key Changes:

  • Extracted FAQ data into a separate file (faq.ts) for easier maintenance.
  • Split FAQ UI into reusable components: FaqCategoryItem and FaqQuestionItem.
  • Updated both desktop (FAQ.tsx) and mobile (FaqMobile.tsx) FAQ views to use new components and centralized data.
  • Improved styling and code readability for FAQ sections.
  • Added breadcrumb to FAQ page for better navigation
Actions
Copy link
 #10

Updated by Md.Sajib Ahmed 6 months ago

  • % Done changed from 90 to 100

Here is the github commit message

Dev testing full wesbite also bug fixing

Actions
Copy link

Also available in: Atom PDF