ClientProject #3290: QA & Bug Fixes: UI Improvements, Functionality Fixes, and Suggestions Implementation - PQS_Japan - Redmine

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:¶

Full Website Dev Testing
- Conducted a complete round of development testing across all major pages and features.
UI-Related Bug Fixes
- Resolved various UI inconsistencies and alignment issues.
- Improved responsiveness for mobile and tablet devices.
Functionality Fixes
- Fixed broken or inconsistent functionality identified during testing.
- Addressed navigation, form submissions, and interaction bugs.
Implemented Suggestions
- Applied UI/UX suggestions from design and product teams.
- Incorporated user feedback where applicable.
Documents Link
- https://docs.google.com/spreadsheets/d/1ZY4A8IbpXWQtghB5It8837qf6jbad0sqjdC3CdSUwug/edit?gid=754736412#gid=754736412

History
Notes
Property changes
Spent time

Actions

Copy link

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

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

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

Updated by Nazmul Hossain Shovon 7 months ago

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

Summary of Key Changes:

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
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

Updated by Nazmul Hossain Shovon 7 months ago

Estimated time changed from 12:00 h to 15:00 h

Actions

Copy link

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

Updated by Md.Sajib Ahmed 7 months ago

Here is the github commit message

Update the API zip logic
Update handler function
Replace axios to fetch

Actions

Copy link

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

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

Project

General

Profile

Client » PQS_Japan