< Kabir />
Please wait while we prepare your content
NITEX
Nitex Buyer Platform
This platform is built specifically for Nitex buyers, providing a seamless way to manage collections, sample requests, costing requests, Pick & Choose (P&C), and order workflows. Account managers can share curated collections directly from the Admin Platform, while buyers can explore designs in the Design Lab and instantly place sample or costing requests. To enhance communication, buyers can chat directly with their account managers within the Platform. Buyers can also create folders, invite team members, and organize shared content for efficient collaboration. From these folders, detailed requests can be submitted and, once approved, easily converted into orders. A real-time order tracker offers complete transparency, showcasing each stage of production—from cutting and sewing to washing—along with live updates and notifications for better visibility and control.
Technologies
ReactTailwind CSSTypeScriptReduxRTK QueryOnesignal
Features
Authentication
- Login: Users can securely sign in using their email and password.
- Sign Up: Users can create an account with their email, password, and a valid Fashion Brand, then verify their email with an OTP for added security.
- Forgot Password: Users can reset their password securely by providing their email and Fashion Brand, followed by email verification with an OTP.
Design Discovery
- Explore & Discover Designs: Easily browse through a curated catalog of designs with powerful search and advanced filtering options.
- Find Designs by Image: Upload an image to instantly see visually similar designs. Previous searches are saved for quick access and inspiration.
- View and Upload Designs: Open design details and upload assets via modal dialogs.
- Search Modal with Filtering: Quick search overlay with keyword, tag, and attribute filters.
Conversations
- Add People to Folder: Users can add people to their folders. When a folder is shared, the invited users gain access and receive notifications about any activity in that folder.
Favourites
- Folder, Table, and Card View Options: Organize saved designs into folders and switch between list or card layouts.
Collections & Presentation
- Create and Move Collections: Build collections of designs and reorganize items across collections.
- Request Quotes and Samples: Trigger RFQ/RFS directly from a collection or design context.
- Presentation Mode with Shareable Pages: Share read-only, branded presentations via public links.
Costing
- List and Detail Views: Track all Costing and dive into Costing specifics, pricing, and attachments.
- Feedback Modal: Collect and submit Costing feedback from client.
- Order Placement Flow: Convert approved Costing into orders seamlessly.
Samples
- List and Detail Views: Monitor sample requests and inspect item-level information.
- Request Timeline: See chronological updates and status changes for each sample.
Orders
- List View with Timeline: View all orders and drill into timeline-based progress tracking.
- Production/Design Lists: Segment tasks by production or design stages.
- PO Attachments: Upload and preview purchase order documents and related files. (.pdf, .doc, .docx)
- ETD (Expected Delivery Time) Modal: Manage expected delivery dates and adjustments.
- Activity Logs, Comments, and Tasks: Collaborate with audit trails, threaded comments, and task management.
Moodboard
- Create and Upload Moodboards: Assemble visual boards with images and notes.
- Apply Filters: Narrow boards or assets by tags, materials, and other criteria.
- Confirmation Flows: Guided confirmation for requests and board actions.
Supplier
- Supplier Profile and Information Pages: View supplier capabilities, details, and assets.
Profile
- View and Edit Profile: Manage personal info and avatar.
- Change Password: Update credentials securely.
- Update Preferences: Configure notifications and UI preferences.
Team
- Manage Team Members: Add/remove members and control access within the workspace.
Notifications
- Notifications: Users receive four types of notifications: Comments, Collection Requests, Sample/Costing Requests, and Order Updates (TNA). Notifications are sent when someone mentions or comments on a collection, performs actions on sample or costing requests, or when there are updates to orders.
Challenges and Decisions
1
Challenge
Image loading delays in certain countries. Our site was deployed in the AWS Singapore region, causing slower image load times for users in Europe while performing well in Asia.
Decision
We implemented CDN caching and added a geolocation detector in the frontend to identify the user’s location and load images from the nearest region.
Impact
Image load times improved significantly, resulting in a much better user experience.
2
Challenge
Large initial bundles and excessive re-renders on list and search screens were significantly degrading responsiveness and user experience.
Decision
Introduced route-level code splitting to reduce bundle size, optimized data subscriptions to limit unnecessary updates, implemented list virtualization for efficient rendering, and compressed/optimized media assets.
Impact
Achieved faster initial load times, smoother navigation, and noticeably reduced rendering and network overhead, resulting in a more responsive user experience.
3
Challenge
Mixed data flows (custom HTTP, thunks, and context) along with scattered storage access made application behavior difficult to manage and understand.
Decision
Introduced a clear separation of concerns — using RTK slices for app/UI state, RTK Query for server state, a centralized auth/session guard, and a feature-based project structure.
Impact
Resulted in cleaner boundaries, easier testing and onboarding, and significantly fewer side-effect-related bugs.
4
Challenge
We were facing undetected production bugs due to insufficient test coverage.
Decision
We covered the entire application with unit tests using Jest (React Testing Library) to catch issues early and improve overall stability.
Impact
Significantly reduced production bugs, improved reliability, and increased developer confidence in releases.
Success Metrics
Improve Initial load time
30% Improvement
Improve Navigation Speed
20% Improvement
Improve User Experience
40% Improvement