6528 Library Jobs - Page 40

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!

Job Description You are a strategic thinker passionate about driving solutions in Investment Stewardship. You have found the right team. As an Investment Stewardship Specialist within our Sustainable Investing team based in Mumbai, you will be responsible for setting and improving our organizational objectives and ensuring their consistent accomplishment. Job Responsibilities Deliver annual and long-term objectives of the investment stewardship programme. Conduct governance analysis and engage with investee companies. Execute proxy voting and support documentation efforts. Coordinate engagement activities with research analysts and portfolio managers. Engage with company representatives on ESG policies and practices. Research meeting agendas, identify issues, and formulate voting recommendations. Participate in and eventually lead engagement meetings in select markets. Write Research Notes and client case studies on engagements. Monitor engagement progress and lead specific projects and initiatives. Maintain a library of engagement and voting case studies for reporting. Support client meetings, external events, and stewardship-related requests. Required Qualifications, Capabilities, And Skills Minimum undergraduate degree, focused on finance, business administration, economics, law, accounting, or public policy. Financial services experience in Asset Management with exposure to investment stewardship activities including corporate governance voting and engagement. Experience with sustainability-related issues and its overlaps with investment management. Proven presentation, communication, and influencing skills; strong report writing skills. Ability/willingness to work with key internal groups – portfolio managers, analysts, product specialists, RFP teams, corporate actions teams; previous buy-side experience on relevant investment approaches. Ability to work and drive change effectively in a global, high-volume, rapid pace, deadline-oriented environment. Strong self-motivation and analytical skills. Preferred Qualifications, Capabilities, And Skills CFA is a plus. MBA preferred. About Us JPMorganChase, one of the oldest financial institutions, offers innovative financial solutions to millions of consumers, small businesses and many of the world’s most prominent corporate, institutional and government clients under the J.P. Morgan and Chase brands. Our history spans over 200 years and today we are a leader in investment banking, consumer and small business banking, commercial banking, financial transaction processing and asset management. We recognize that our people are our strength and the diverse talents they bring to our global workforce are directly linked to our success. We are an equal opportunity employer and place a high value on diversity and inclusion at our company. We do not discriminate on the basis of any protected attribute, including race, religion, color, national origin, gender, sexual orientation, gender identity, gender expression, age, marital or veteran status, pregnancy or disability, or any other basis protected under applicable law. We also make reasonable accommodations for applicants’ and employees’ religious practices and beliefs, as well as mental health or physical disability needs. Visit our FAQs for more information about requesting an accommodation. About The Team J.P. Morgan Asset & Wealth Management delivers industry-leading investment management and private banking solutions. Asset Management provides individuals, advisors and institutions with strategies and expertise that span the full spectrum of asset classes through our global network of investment professionals. Wealth Management helps individuals, families and foundations take a more intentional approach to their wealth or finances to better define, focus and realize their goals.