49 Logrocket Jobs

Job Title: QA & Support Engineer Location: Chennai Employment Type: Full-time / Contract Experience Level: 3+ years of experience in QA or Support Engineering roles (preferably in product or SaaS startups) Compensation: Competitive; based on experience and versatility About Us We are a nimble, product-focused company building functional, scalable, highly AI-powered web and mobile apps with a strong backend workflow layer for both consumers and enterprises, using modern low-code tools. We’re bootstrapped and lean—focusing on rapid iterations and real-world impact. Our technology stack includes FlutterFlow for UI, Supabase for backend, and n8n as our primary automation platform —with supporting tools like BuildShip used for advanced AI orchestration. We are committed to quality, agility, and a seamless end-user experience. Role Overview We are seeking a sharp, resourceful QA & Support Engineer with a strong grasp of low-code stacks and backend automation , particularly n8n . You will be responsible for owning the final signoff on all releases to production , ensuring that every deployment meets our high standards for functionality, stability, and performance. This is a highly cross-functional role that blends hands-on QA testing, backend diagnostics, and workflow validation . You will be embedded within product, engineering, and automation teams, acting as both gatekeeper and guardian for user-facing quality. Responsibilities Quality Assurance (App, DB & Workflows) Ø Design and execute test plans and test cases for mobile/web apps built in FlutterFlow Ø Validate end-to-end functionality across UI, Supabase (PostgreSQL), and n8n workflows Ø Perform regression, exploratory, and smoke testing before production releases Ø Act as the final signoff authority for all production pushes, including new features and hotfixes Ø Simulate real-world behavior using emulators, real devices, and cross-platform testing tools Technical Support & Triage Ø Triage and resolve user-reported issues or platform-level bugs Ø Inspect Supabase logs, webhook failures, RLS violations, and n8n automation breakdowns Ø Debug broken logic flows and collaborate with developers to pinpoint root causes Ø Monitor and escalate tickets through internal systems (Jira, Notion, Trello) Monitoring & Continuous Improvement Ø Proactively monitor app health, backend stability, and workflow uptime using tools like Supabase Studio, Sentry, Posthog Ø Recommend and implement QA best practices for low-code CI/CD workflows Ø Maintain detailed release documentation, test logs, and knowledge-sharing guides Ø Advocate for process improvements in testing, deployment verification, and rollback plans Ø Required Skills Ø 3+ years in QA or Support Engineering, preferably within a product or startup environment Ø Strong working knowledge of n8n and automation logic validation Ø Familiarity with FlutterFlow: logic flows, widget behavior, deployment processes Ø Experience with Supabase: table schema, RLS rules, error logs, PostgreSQL basics Ø Ability to independently debug issues across automation, database, and UI layers Ø Strong documentation, communication, and stakeholder coordination skills Ø Clear understanding of QA workflows and their role in production risk mitigation Bonus Skills (Preferred but Not Mandatory) Ø Test automation experience (Testim, Playwright, or low-code testing tools) Ø SQL scripting and data validation in a multi-tenant architecture Ø Familiarity with observability tools: Sentry, LogRocket, Supabase Studio Ø Experience with Postgres stored functions, triggers, or Supabase Auth Ø Hands-on experience with Google Cloud Platform (GCP) administration , including managing cloud functions, monitoring tools, IAM permissions, and deployment environments Ideal Candidate Profile Ø You are thorough, systematic, and have a proactive mindset for preventing production defects Ø You appreciate the power of low-code platforms but know when to dig deeper Ø You are comfortable being the final QA checkpoint before production Ø You thrive in a collaborative, lean, and fast-paced development environment How to Apply Please share: Ø Your CV / LinkedIn Ø Any sample QA plans, test cases, or automation flows you’ve contributed to Ø A short note on why you’d be a good fit for this role and how you approach quality in fast-paced teams

About the Role We are looking for a highly skilled and experienced Frontend JavaScript Developer for 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 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 frontend systems, has a deep understanding of browser rendering, code bundling, optimization strategies, 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 React.js and Next.js 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 libraries (Redux Toolkit, Zustand, React Query) 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 Vite/Webpack/Grunt/Gulp 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: React.js , Next.js JavaScript (ES6+) and TypeScript HTML5 , CSS3 , Tailwind CSS , Styled Components , or Bootstrap Proven experience in: Designing modular component-based architecture SSR, ISR, SSG patterns in Next.js Modern state management (Redux Toolkit, Zustand, React Query) RESTful API consumption and error handling Application security best practices (OAuth2, JWT, XSS/CSRF protection) Performance optimization (code splitting, dynamic imports, lazy loading, etc.) Dev tooling: Chrome DevTools, Lighthouse, Web Vitals, source map analysis Hands-on exposure to: CI/CD (GitHub Actions, Jenkins) Webpack/Vite bundling Git branching, GitHub PRs, version control standards Testing frameworks: Jest/Cypress. Strong foundation in debugging production issues, analyzing frontend logs, and performance bottlenecks Experience in building or maintaining design systems using tools like Storybook Ability to translate product vision into long-term frontend architecture plans Experience working in Agile teams and leading sprint activities Ensure accessibility compliance (a11y), semantic HTML and SEO optimization for frontend delivery Familiarity with AWS tools such as S3 , CloudFront , Lambda, Load Balancing and EC2 Knowledge of GraphQL, Design patterns, and caching layers Good to Have Working knowledge of backend tools and APIs using and Express.js Exposure to Vue.js , SvelteKit or other modern JS frameworks Understanding of micro frontends and federated module architecture Familiarity with infrastructure as code (Terraform, Pulumi - optional) Awareness of observability and monitoring tools like Sentry , LogRocket or Datadog Working knowledge of Docker-based local environments Contributions to documentation, technical blogs or internal tooling Experience with feature flags, A/B testing tools, or experiment-driven development

Job Title: Senior Full Stack Developer (Team Lead – Agile / MERN / Next.js) Location: Gurgaon, Sector 53 Experience: 2–3 Years Employment Type: Full-Time 🧠 About the Role We’re looking for a Senior Full Stack Developer who not only loves coding but also thrives in leading teams and building agile development environments. You’ll work with the MERN stack, Next.js, and modern tooling while also driving agile ceremonies, mentoring junior developers, and ensuring sprint goals are met. If you’re someone who enjoys a mix of hands-on development, project ownership, and leadership, this is your ideal role. 🔧 Key Responsibilities ● Lead and mentor a team of full-stack developers in an Agile/Scrum setup ● Run daily stand-ups, sprint planning, retrospectives, and backlog grooming ● Develop and maintain applications using MERN stack, Next.js, and Remix ● Own full project lifecycle from architecture to deployment ● Collaborate with product managers, designers, and cross-functional teams ● Manage and optimize cloud deployments, CI/CD pipelines, and performance monitoring ● Review code, establish best practices, and guide team on technical decisions ● Handle task management, issue tracking, and reporting using Jira ● Ensure timely and high-quality delivery of product features 🧰 Required Skills 🖥 Frontend ● React.js, Next.js ● Tailwind CSS or similar frameworks ● Redux / Zustand / Recoil (State Management) ● Responsive UI development & optimization ● Cross-browser compatibility handling ⚙️ Backend ● Node.js with Express.js ● MongoDB or SQL databases ● RESTful APIs & GraphQL ● Authentication strategies (JWT, OAuth) ● Basic knowledge of software architecture patterns (MVC, Microservices) 👥 Agile & Team Management ● Hands-on experience with Agile methodologies (Scrum, Kanban) ● Jira for sprint planning, task assignment, tracking, and reporting ● Ability to manage sprints, delegate tasks, and handle team velocity ● Mentoring junior developers and conducting performance reviews 🛠 DevOps & Cloud ● Git, GitHub Actions, GitLab CI/CD ● Basic AWS (EC2, S3, Lambda) or any cloud provider ● Docker (bonus for container orchestration experience) ● Deployment via Vercel, Netlify, or similar platforms ● Monitoring & logging (PM2, LogRocket, Sentry, etc.) 📱 Mobile Development (Nice to Have) ● React Native (iOS/Android) ● Familiarity with mobile deployment (App Store / Play Store) ✅ Bonus Skills ● TypeScript ● Prisma / Mongoose ● Unit & integration testing (Jest, Cypress, RTL) ● Agile project ownership or Scrum Master experience ● Experience in a startup/fast-paced environment 🌱 Who You Are ● A proactive problem solver with strong leadership skills ● Passionate about building scalable products and mentoring others ● Strong communicator who can coordinate cross-functionally ● Comfortable wearing multiple hats — developer, leader, planner ● Growth-oriented with a “get-things-done” mindset

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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