Get alerts for new jobs matching your selected skills, preferred locations, and experience range. Manage Job Alerts
6.0 years
0 Lacs
Ghaziabad, Uttar Pradesh, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Noida, Uttar Pradesh, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Kolkata, West Bengal, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Cuttack, Odisha, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Bhubaneswar, Odisha, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Surat, Gujarat, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Guwahati, Assam, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Raipur, Chhattisgarh, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Amritsar, Punjab, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Jamshedpur, Jharkhand, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Ranchi, Jharkhand, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Ahmedabad, Gujarat, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Jaipur, Rajasthan, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Thane, Maharashtra, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Greater Lucknow Area
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Nashik, Maharashtra, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Nagpur, Maharashtra, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Kanpur, Uttar Pradesh, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Kochi, Kerala, India
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Greater Bhopal Area
Remote
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!
Posted 1 month ago
6.0 years
0 Lacs
Visakhapatnam, Andhra Pradesh, India
Remote
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!
Posted 1 month ago
0 years
0 Lacs
Jaipur, Rajasthan, India
On-site
About The Role We’re looking for a skilled and self-driven Frontend JavaScript Developer for the position of Senior Software Engineer to join our growing team. In this role, you’ll take ownership of end-to-end Angular feature development , contribute to design systems, and collaborate closely with designers, backend engineers, and product owners to build scalable, performant, and high-quality web applications using Angular and TypeScript . While your primary focus will be on frontend development, we value engineers who have a working understanding of Node.js and backend fundamentals — enabling you to communicate effectively across the stack, handle integrations, and contribute meaningfully in full-stack discussions. About Auriga IT Auriga IT is a digital solutions company founded in 2010 by an IIT Roorkee alumnus, based in Jaipur, India. It serves as a digital solutions partner for startups, corporates, government entities, and unicorns. Auriga IT focuses on design, technology, and data capabilities to help organizations launch new businesses and drive digital transformation. Key Responsibilities Develop and maintain scalable, component-based UIs using Angular and TypeScript Implement reusable UI systems and design components based on Figma or equivalent design tools Optimize frontend performance using lazy loading, on-push change detection, code splitting, and image optimization Ensure cross-browser compatibility, responsive design, and mobile-first implementation Apply frontend security best practices including input validation, XSS protection, JWT-based auth, and secure token handling Consume REST APIs with HttpClient, and manage data with RxJS observables, caching, and error boundaries Manage complex state using NgRx, NGXS, or custom RxJS-driven solutions Collaborate with backend engineers to debug and improve API integrations Write and maintain unit, integration, and E2E tests using Jasmine, Karma or Cypress. Use Git & GitHub for version control and contribute to CI/CD processes via GitHub Actions or Jenkins Follow Agile workflows including daily standups, sprint planning, reviews, and retrospectives Ensure accessibility (a11y) compliance, use semantic HTML, and follow SEO best practices for SPAs Contribute to code reviews and offer mentorship to junior developers on Angular and JavaScript best practices Required Skills & Qualifications Strong hands-on experience with: Angular, TypeScript, and RxJS HTML5, CSS3, Tailwind CSS, Bootstrap, or SCSS Component reusability and design systems using Angular Material/CDK Experience With Git, GitHub, pull requests, and versioning workflows npm/yarn package managers API integration and data flow handling using RxJS Optimization: lazy loading, code splitting, preloading strategies Testing frameworks: Jasmine, Karma, Cypress Understanding Of Frontend security practices (e.g., input validation, XSS, JWT/OAuth flows) Responsive and cross-browser development practices Developer tooling: Angular DevTools, Chrome DevTools, Lighthouse Clean code principles, modular architecture, and Agile methodologies Good To Have Skills Working knowledge of Node.js and Express.js for API understanding and backend collaboration Familiarity with Docker for local dev environments Experience with Sentry, LogRocket, or similar monitoring tools Awareness of SEO and pre-rendering strategies using Angular Universal Exposure to GraphQL, serverless functions, or edge rendering with Cloudflare/Vercel Understanding of feature flagging, A/B testing, and experimentation workflows Knowledge of React JS, Vue or SvelteKit for comparative awareness in the JavaScript ecosystem
Posted 1 month ago
0 years
0 Lacs
Jaipur, Rajasthan, India
On-site
About The Role We are looking for a highly skilled and experienced Frontend JavaScript Developer for the position of Principal Software Engineer who can lead the development and design of high-performance frontend architectures. In this role, you will take ownership of Angular-based frontend systems, establish scalable components and design patterns, and collaborate across teams to ensure cohesive, secure, and performant product delivery. The ideal candidate is someone who can architect complex Angular frontend systems, has a deep understanding of browser rendering, code bundling, optimization strategies, RxJS and reactive patterns, and modern state management, and can also guide junior developers to grow in both technical and collaborative aspects. Candidates with exposure to backend fundamentals using Node.js , Express.js , and WebSocket-based real-time communication are highly preferred for seamless cross-functional collaboration. About Auriga IT Auriga IT is a digital solutions company founded in 2010 by an IIT Roorkee alumnus, based in Jaipur, India. It serves as a digital solutions partner for startups, corporates, government entities, and unicorns. Auriga IT focuses on design, technology, and data capabilities to help organizations launch new businesses and drive digital transformation. Key Responsibilities Lead the architectural design and implementation of scalable, reusable frontend applications using Angular and TypeScript Define and implement frontend architecture flows, maintainable design systems, and component libraries Establish and enforce coding standards, performance budgets, and testing strategies Optimize applications for high performance and scalability, focusing on Core Web Vitals, bundle size reduction, and runtime performance Integrate secure practices: CSP, secure token flows, input validation, XSS/CSRF protections Guide the use of state management solutions (NgRx, NGXS, RxJS) based on use case suitability Collaborate with DevOps and backend teams on API integrations, WebSocket implementation (e.g., Socket.io), deployment, and system health Drive CI/CD processes using tools like GitHub Actions, Jenkins, Docker, and Angular CLI/Webpack Participate in code reviews and mentor junior developers to build both technical and product understanding Conduct root-cause analysis and production-level debugging for critical issues across environments Coordinate with cross-functional teams, including QA, backend, DevOps, product, and design Required Skills And Qualifications Strong command of: Angular, TypeScript, RxJS, JavaScript (ES6+) HTML5, CSS3, Tailwind CSS, Angular Material, or SCSS Proven Experience In Designing modular component-based architecture Lazy loading, standalone components, SCAM pattern SSR and pre-rendering with Angular Universal Modern state management with NgRx, NGXS, RxJS selectors/effects RESTful API consumption, error handling, and observable streams Application security best practices (OAuth2, JWT, XSS/CSRF protection) Performance optimization (on-push change detection, tree shaking, lazy loading, etc.) Dev tooling: Angular DevTools, Chrome DevTools, Lighthouse, Source Map Explorer Hands-on exposure to: CI/CD: GitHub Actions, Jenkins Bundling tools: Webpack, Angular CLI Git branching strategies, GitHub PRs, and version control Testing frameworks: Jasmine, Karma, Cypress. Strong foundation in: Debugging production issues Analyzing frontend logs and performance bottlenecks Translating product vision into long-term architecture strategies Leading Agile sprints and team ceremonies Good to Have Working knowledge of backend tools and APIs using Node.js and Express.js Familiarity with AWS tools: S3, CloudFront, Lambda, EC2 Exposure to React JS, Vue.js, SvelteKit, or other modern JS frameworks Understanding of micro frontends and federated module architecture Knowledge of GraphQL, design patterns, and caching layers Familiarity with Infrastructure as Code tools: Terraform, Pulumi Awareness of observability tools like Sentry, LogRocket, or Datadog Experience with design systems and tools like Storybook Hands-on with Docker-based local environments Contributions to internal tooling, documentation, or tech blogs Experience with feature flags, A/B testing, or experiment-driven development
Posted 1 month ago
4.0 years
0 Lacs
Mumbai, Maharashtra, India
On-site
About Amaha Amaha is a tech-enabled mental health platform that combines clinical expertise with cutting-edge technology to make emotional wellness accessible. With 5M+ users, a self-care app, and a wide therapist network, we’re transforming the way people experience mental health care in India and abroad. Role Overview We’re looking for a Senior Frontend Engineer with 4-6 years of experience in building robust, scalable, and intuitive interfaces using React.js, Redux, and modern web technologies . You’ll work closely with designers, backend developers, and product managers to create seamless experiences that empower users and therapists alike. Key Responsibilities Lead the development of scalable, high-performance frontend features using React.js and Next.js Translate complex UI/UX designs into clean, reusable, and responsive React components Optimize frontend performance by improving bundle size, lazy loading, and caching strategies Establish and maintain CI/CD pipelines for efficient deployment and testing workflows Conduct thorough code reviews and uphold best practices in frontend architecture Mentor and guide a team of 5–7 frontend engineers, fostering a culture of learning and accountability Collaborate with product, design, and backend teams to deliver user-centric features Evaluate and integrate modern frontend tools (e.g., Storybook, ESLint, Prettier, Vite/Webpack) Leverage AI-powered development tools to boost efficiency, reduce bugs, and accelerate delivery Requirements 4–6 years of professional frontend development experience, with strong expertise in React.js, Redux, HTML5, CSS3, and modern JavaScript (ES6+) Proven experience in improving application performance and bundle optimization techniques (code splitting, lazy loading, tree shaking) Hands-on experience with CI/CD tools and automated testing frameworks (e.g., GitHub Actions, CircleCI, Jest, React Testing Library) Strong understanding of web accessibility, cross-browser compatibility, and mobile responsiveness Familiarity with frontend architecture, component-based design, and scalable folder structures Experience in leading or mentoring a frontend team of 5–7 engineers, with ownership of code quality and delivery timelines Exposure to mobile development (React Native) and frontend monitoring tools (e.g., Sentry, Bugsnag, LogRocket) is a plus Excellent problem-solving skills, attention to detail, and strong communication skills The role is full-time and based in Mumbai.
Posted 2 months ago
5.0 years
0 Lacs
Gurugram, Haryana, India
On-site
Job Title: Engineering Lead – SaaS, AI & Product-Led Innovation Location : Gurgaon (HQ) Function : Technology | Reports to: CTO Type : Full-Time | Level: Senior Lead / Future CTO-track Message from CTO (Hiring Manager): "Hello! I’m Aresh Mishra, former Microsoft executive and current CTO at GrowthJockey. We are on a quest to build a top-tier tech team—True Alpha—to make a significant impact on billions of lives worldwide through our advanced technology ventures. If you’re passionate about driving technological innovation and making a global difference, we’d love for you to join our team.” About GrowthJockey GrowthJockey is India’s first full-stack Venture Architect company , committed to designing, building, and scaling high-performance digital businesses from scratch. We are not a service provider—we are venture builders. We work with large enterprises and visionary founders to develop future-ready digital platforms and intelligent products. Our proprietary technology and innovation ecosystem includes: Intellsys – a robust suite of modular tech accelerators OttOAgent & OttO-Pilot – advanced AI-native CRM and growth platforms Full-stack SaaS development and deep-tech product infrastructure Category-defining ventures across automotive, finance, consumer brands, and more We are on a clear path to build a ₹1000 Cr company in the next 5 years , and are looking for top-tier engineering leaders who want to be part of that journey from the front lines. The Role As Engineering Lead , you will be responsible for leading the architecture, development, and scale-up of powerful SaaS platforms, AI-integrated products, and composable digital infrastructure. You’ll own the product-engineering bridge and lead a team of talented developers across high-stakes, high-velocity venture environments. This is a leadership role with deep accountability, high autonomy, and a future CTO-track. Key Responsibilities Technology Leadership Architect, design, and lead development across multiple product lines and client ventures. Own the delivery of scalable, secure, and modular digital platforms. Maintain best-in-class engineering standards across code quality, performance, and technical design. Evaluate and implement new tech stacks, libraries, tools, and cloud solutions aligned with future-readiness. Product Engineering Execution Collaborate with product managers, UI/UX teams, and business stakeholders to translate user needs into feature-rich applications. Define SDLC processes, CI/CD pipelines, and scalable deployment architecture. Build reusable components and frameworks for faster venture deployments. AI & Data Integration Work with ML engineers and data architects to embed AI workflows into products. Integrate vector databases, LLM APIs, and decision intelligence layers where relevant. Design data-led product environments that support intelligent workflows, automation, and personalization. Team Leadership Mentor and grow a multidisciplinary engineering team. Set goals, review code, conduct performance reviews, and foster a culture of high ownership. Define engineering KPIs and ensure high delivery velocity through agile sprints. Technology Stack You’ll Own and Scale Frontend : React.js, Remix, Next.js, TailwindCSS Backend : Node.js, Express.js, GraphQL, REST APIs AI/ML Integration : Python, FastAPI, LLM APIs, Vector DBs Cloud & DevOps : AWS/GCP, Serverless (Lambda), Docker, Kubernetes, Terraform, GitHub Actions Databases : PostgreSQL, MongoDB, Redis, Firebase, Supabase Monitoring & Testing : Sentry, LogRocket, Jest, Cypress, E2E automation Architecture : Microservices, BFF (Backend for Frontend), RBAC, Webhook-driven flows, Multi-tenant SaaS infra Ideal Profile 4–6 years of experience in full-stack development, with at least 2–3 years in a lead role. Strong foundation in scalable systems architecture and performance optimization. Deep expertise in the modern JavaScript ecosystem (React.js, Node.js) and cloud-native architectures. Experience with SaaS platforms, microservices, and multi-tenant systems. Prior exposure to AI/ML environments, intelligent automation, or data products is a strong advantage. Strong product mindset—ability to work closely with design, growth, and business teams. High-ownership individual with bias for action and passion for delivering impact. What You’ll Get The opportunity to build foundational platforms for India’s next ₹1000 Cr product-tech company. Fast-tracked exposure to venture creation , category design , and product leadership . Hands-on access to some of the most complex product engineering challenges in SaaS and AI. Mentorship from top leaders across tech, growth, product, and venture building. Competitive salary + performance-linked bonuses + ESOPs for high performers.
Posted 2 months ago
Upload Resume
Drag or click to upload
Your data is secure with us, protected by advanced encryption.
Browse through a variety of job opportunities tailored to your skills and preferences. Filter by location, experience, salary, and more to find your perfect fit.
We have sent an OTP to your contact. Please enter it below to verify.
Accenture
57101 Jobs | Dublin
Wipro
24505 Jobs | Bengaluru
Accenture in India
19467 Jobs | Dublin 2
EY
17463 Jobs | London
Uplers
12745 Jobs | Ahmedabad
IBM
12087 Jobs | Armonk
Bajaj Finserv
11514 Jobs |
Amazon
11498 Jobs | Seattle,WA
Accenture services Pvt Ltd
10993 Jobs |
Oracle
10696 Jobs | Redwood City