Get alerts for new jobs matching your selected skills, preferred locations, and experience range. Manage Job Alerts
3.0 years
0 Lacs
chandigarh
On-site
About the Role We are looking for a highly skilled React.js Frontend Developer with 3–4 years of professional experience to join our dynamic team. The ideal candidate will have strong expertise in React 18, TypeScript, and core JavaScript, along with a proven ability to solve complex problems, design reusable components, and build performant, scalable web applications. Key Responsibilities *Develop, maintain, and optimize **modern, responsive web applications** using React 18 and TypeScript. * Write **clean, maintainable, and reusable code** following best practices and coding standards. * Implement **state management** using Redux (Redux Toolkit preferred). * Work with **UI component libraries** such as Ant Design, Material UI, or similar. * Build and maintain **reusable, scalable components** for multiple projects. * Develop **complex forms** with Formik or React Hook Form, including **robust validation** logic. * Collaborate with designers, backend developers, and other stakeholders to deliver **high-quality user experiences**. * Apply **problem-solving skills** in **Low-Level Design (LLD)** and **Data Structures & Algorithms (DSA)**. * Optimize application performance and ensure **cross-browser compatibility**. * Participate in **code reviews, sprint planning, and agile ceremonies**. Must-Have Skills React 18 – very fluent, deep understanding of hooks, context, lifecycle, and rendering optimizations. TypeScript – very fluent in typing, generics, utility types, and type-safe APIs. Core JavaScript (ES6+) – strong problem-solving and functional programming skills. Redux – advanced experience in state management. UI Libraries – Ant Design, Material UI, or similar. Form Handling – strong experience with Formik or React Hook Form. Form Validation – using Yup or similar libraries. Reusable Components – strong experience in modular, maintainable component architecture. Problem Solving Good-to-Have Skills * **GraphQL Client** (Apollo, urql, etc.). * **WebSockets** for real-time updates. * **Webpack** customization and performance optimization. * **Low-Level Design (LLD)** best practices. * **Testing** – Unit and integration testing with Jest, React Testing Library, or Cypress. * **Performance Optimization** – React Profiler, lazy loading, memoization. * **Responsive Design** – Tailwind CSS, Styled Components, or CSS Modules. * **REST API best practices** and integration patterns. * **Code-splitting** and **lazy loading** strategies for large-scale applications. * **Internationalization (i18n)** with libraries like react-intl or i18next. * **Accessibility (A11y)** best practices. * **Storybook** for isolated component development and documentation. * **CI/CD** familiarity (GitHub Actions, GitLab CI, Jenkins). * **Basic Node.js knowledge** for understanding backend APIs and integration. * **Error monitoring & logging tools** (Sentry, LogRocket, etc.). Qualifications * Bachelor’s degree in computer science, Information Technology, or related field (or equivalent practical experience). * 3–4 years of professional experience in frontend development. * Strong portfolio or examples of past work. Job Type: Full-time Work Location: In person Speak with the employer +91 6284554276
Posted 3 days ago
3.0 - 5.0 years
0 Lacs
india
Remote
Are you passionate about building great products? Do you want to redefine the way travellers explore the world? Keen to be part of this growth journey with a bunch of amazing people? Then Pelago is the place for you! We are looking for ambitious and motivated talents who are excited about staying on the cutting edge of Technology and always keen on innovating new ways to drive growth and taking our startup to new heights. WHO ARE WE? Pelago is a travel experiences platform created by Singapore Airlines Group. Think of us as a travel magazine that you can book - highly curated, visually inspiring, with the trust and quality of Singapore Airlines. We connect you with global, local cultures and ideas so you can expand your life. We are a team of diverse, passionate, empowered, inclusive, authentic and open individuals who share the same values and strive towards a common goal! WHAT CAN WE OFFER YOU? A unique opportunity to take end-to-end ownership of your workstream to deliver real value to users. Platforms to solve real user problems concerning travel planning & booking with innovative products/services. An amazing peer group to work with, and the ability to learn from the similarly great minds around you. An opportunity to be an integral part of shaping the company’s growth and culture with a diverse, fun, and dynamic environment with teammates from different parts of the world. Competitive compensation and benefits - including work flexibility, insurance, remote working and more! WHAT WILL YOU BE DOING? Develop performant, accessible, and responsive frontend applications using modern web technologies. Collaborate with product managers, designers, and backend engineers to deliver user-centric solutions. Drive the architecture and design of frontend systems using best practices and scalable patterns. Write clean, maintainable, and well-tested code using TypeScript, React.js , and Next.js . Ensure the frontend stack meets high standards of usability, performance, security, and scalability. Embrace agile methodologies, contribute to sprint planning, retrospectives, and code reviews. Stay current with emerging technologies and advocate for their adoption where appropriate. Champion frontend excellence across engineering, including design systems and component libraries. Contribute to team knowledge sharing through discussions, code reviews, and mentoring. WHAT EXPERTISE ARE MUST HAVES? 3-5 years of experience building production-grade frontend applications with React.js , Next.js and TypeScript. Deep familiarity with Next.js and modern frontend architecture for server-side rendering and static site generation. Solid understanding of Core Web Vitals and performance metrics like LCP, FID, CLS, TTFB and how they affect user experience and SEO Strong experience with CSS and preprocessors (e.g., SASS/SCSS). Experience integrating with APIs, including REST and ideally GraphQL (Apollo or similar). Solid understanding of accessibility, performance optimization, and responsive design. Proficiency with tools and processes such as Git, CI/CD pipelines, unit/integration testing, and code reviews. Strong collaboration skills and the ability to work cross-functionally in a remote setup. Excellent communication skills—able to explain ideas and decisions clearly to various stakeholders. WHAT EXPERTISE ARE GOOD TO HAVE? Experience with frontend observability tools (e.g., Sentry, LogRocket, etc.) Experience working on travel platforms or B2C consumer products Contributions to design systems or frontend infrastructure Familiarity with headless CMS integrations or e-commerce platforms OUR TECH STACK (WEB) Languages / Frameworks: Next.js , TypeScript, React.js , Apollo GraphQL, SASS (or similar), Node.js (for SSR/edge logic) Other Tools: Jest, React Testing Library, GitHub Actions, Storybook, Vercel, Figma, Sentry If you’re as excited as we are in this journey, do apply directly with a copy of your full resume. We'll reach out to you as soon as we can!
Posted 4 days ago
0 years
0 Lacs
Mumbai, Maharashtra, India
On-site
Key Responsibilities JOB DESCRIPTION Implement and migrate tagging using Adobe Launch / AEP Web SDK with XDM schema alignment and Adobe Edge Network integration. Audit, validate, and maintain tagging consistency across Dev/QA/Prod. Set up campaign attribution (UTM/CID), visitor ID stitching (ECID/hashed IDs), and mapping to Analytics & CJA. Configure datasets, metrics, and segments for cross-channel analysis. Integrate and QA Adobe Target A/B testing & personalization, ensuring A4T reporting accuracy. Establish governance for naming, version control, change tracking, and performance optimization. Build and maintain Tableau dashboards with stakeholder-defined KPIs. Develop and validate SQL queries combining clickstream and non-clickstream datasets in Snowflake. Use LogRocket for behavioral insights, heatmaps, and UX improvement. Provide training, client consultation, and ongoing Adobe platform enablement. Qualifications Proven expertise in Adobe Launch, AEP Web SDK, Adobe Analytics, Adobe Target, and CJA. Strong skills in Tableau, SQL (Snowflake), and data governance. Experience with personalization strategy, tag performance optimization, and cross-team collaboration. About The Team eClerx is a global leader in productized services, bringing together people, technology and domain expertise to amplify business results. Our mission is to set the benchmark for client service and success in our industry. Our vision is to be the innovation partner of choice for technology, data analytics and process management services. Since our inception in 2000, we've partnered with top companies across various industries, including financial services, telecommunications, retail, and high-tech. Our innovative solutions and domain expertise help businesses optimize operations, improve efficiency, and drive growth. With over 18,000 employees worldwide, eClerx is dedicated to delivering excellence through smart automation and data-driven insights. At eClerx, we believe in nurturing talent and providing hands-on experience. eClerx is an Equal Opportunity Employer. All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, national origin, disability or protected veteran status, or any other legally protected basis, per applicable law.
Posted 1 week ago
3.0 years
0 Lacs
Hyderabad, Telangana, India
Remote
Zuddl is a modular platform for events and webinars that helps event marketers plan and execute events that drive growth. Event teams from global organizations like Microsoft, Google, ServiceNow, Zylo, Postman, TransPerfect and the United Nations trust Zuddl. Our modular approach to event management lets B2B marketers and conferences organizers decide which components they need to build the perfect event and scale their event program. Zuddl is an outcome-oriented platform with a focus on flexibility, and is more partner, less vendor. FUNDING Zuddl being a part Y-Combinator 2020 batch has raised $13.35 million in Series A funding led by Alpha Wave Incubation and Qualcomm Ventures with participation from our existing investors GrowX ventures and Waveform Ventures. About The Role As a Product Support Specialist, you will be the first responder to customer queries across channels. You’ll troubleshoot issues, guide users across the platform, and ensure high-quality resolutions, while helping us scale support via documentation and automation. This is a customer-facing, high-empathy, fast-response role, ideal for someone who thrives under pressure, loves problem-solving, and finds satisfaction in helping users succeed. You’ll be accountable to our support team charter, upholding high standards for communication, responsiveness, documentation, and collaboration. The success metrics of this role are - Response Time, Time to Resolution, CSAT, Number of Tickets Resolved, Knowledge Base Contribution What You Will Do Tactical Support & Troubleshooting Respond to real-time customer queries through Pylon chat, support tickets, or Slack channels, with a first response time under 10 minutes Identify, diagnose, and resolve issues related to event setup, platform navigation, and integrations Proactively investigate issues using internal tools like LogRocket and Metabase Collaborate with Product, Engineering, or Customer Success Engineers (CSEs) to resolve customer issues Platform Navigation & Guidance Help users locate the right modules and tools within the platform Explain workflows, dependencies, and integrations simply and clearly Use screen recordings, screenshots, and visual walkthroughs to aid understanding Offer live support via Google Meet when needed Support Process Optimisation Maintain accurate and complete logs of tickets, including summaries, investigation steps, tools checked, and updates Keep ticket statuses current in Pylon Identify recurring issues and contribute to playbooks, SOPs, or escalation workflows Raise bugs and feature requests following our documented process Self-Service Knowledge Base Create and update help center articles, internal troubleshooting guides, and FAQs Contribute to ticket deflection through educational content and short videos Work with Enablement to proactively convert common questions into self-serve resources Cross-functional Collaboration Enablement: Route onboarding issues or walkthrough needs when outside support scope Engineering: Coordinate on edge-case bugs and root cause analysis Product: Provide feedback on UI/UX friction and emerging themes CSMs: Align on escalated customers and resolution plans, and track customer sentiment Communication & Documentation Expectations Communicate clearly, concisely, and empathetically in every interaction Set expectations with customers and follow up proactively Avoid internal jargon and use customer-friendly language Confirm resolution before closing tickets and ask if there’s anything else the customer needs Document tickets thoroughly with all relevant steps, findings, internal links, and escalations Requirements 1–3 years in a SaaS support, helpdesk, or customer experience role Strong written communication; ability to explain complex issues simply Familiarity with customer support ticketing tools Calm under pressure, with a high degree of empathy and accountability Prior experience with event platforms or technical troubleshooting is a plus WHY YOU WANT TO WORK HERE Competitive compensation Employee Friendly ESOPs Remote Working Flexible Leave Program Home Workstation Setup A culture built on trust, transparency, and integrity Ground floor opportunity at a fast-growing series A startup
Posted 2 weeks ago
1.0 - 3.0 years
4 - 6 Lacs
Hyderābād
Remote
Zuddl is a modular platform for events and webinars that helps event marketers plan and execute events that drive growth. Event teams from global organizations like Microsoft, Google, ServiceNow, Zylo, Postman, TransPerfect and the United Nations trust Zuddl. Our modular approach to event management lets B2B marketers and conferences organizers decide which components they need to build the perfect event and scale their event program. Zuddl is an outcome-oriented platform with a focus on flexibility, and is more partner, less vendor. FUNDING Zuddl being a part Y-Combinator 2020 batch has raised $13.35 million in Series A funding led by Alpha Wave Incubation and Qualcomm Ventures with participation from our existing investors GrowX ventures and Waveform Ventures. About The Role As a Product Support Specialist, you will be the first responder to customer queries across channels. You’ll troubleshoot issues, guide users across the platform, and ensure high-quality resolutions, while helping us scale support via documentation and automation. This is a customer-facing, high-empathy, fast-response role, ideal for someone who thrives under pressure, loves problem-solving, and finds satisfaction in helping users succeed. You’ll be accountable to our support team charter, upholding high standards for communication, responsiveness, documentation, and collaboration. The success metrics of this role are - Response Time, Time to Resolution, CSAT, Number of Tickets Resolved, Knowledge Base Contribution WHAT YOU WILL DO 1. Tactical Support & Troubleshooting Respond to real-time customer queries through Pylon chat, support tickets, or Slack channels, with a first response time under 10 minutes Identify, diagnose, and resolve issues related to event setup, platform navigation, and integrations Proactively investigate issues using internal tools like LogRocket and Metabase Collaborate with Product, Engineering, or Customer Success Engineers (CSEs) to resolve customer issues 2. Platform Navigation & Guidance Help users locate the right modules and tools within the platform Explain workflows, dependencies, and integrations simply and clearly Use screen recordings, screenshots, and visual walkthroughs to aid understanding Offer live support via Google Meet when needed 3. Support Process Optimisation Maintain accurate and complete logs of tickets, including summaries, investigation steps, tools checked, and updates Keep ticket statuses current in Pylon Identify recurring issues and contribute to playbooks, SOPs, or escalation workflows Raise bugs and feature requests following our documented process 4. Self-Service Knowledge Base Create and update help center articles, internal troubleshooting guides, and FAQs Contribute to ticket deflection through educational content and short videos Work with Enablement to proactively convert common questions into self-serve resources 5. Cross-functional Collaboration Enablement : Route onboarding issues or walkthrough needs when outside support scope Engineering : Coordinate on edge-case bugs and root cause analysis Product : Provide feedback on UI/UX friction and emerging themes CSMs : Align on escalated customers and resolution plans, and track customer sentiment 6. Communication & Documentation Expectations Communicate clearly, concisely, and empathetically in every interaction Set expectations with customers and follow up proactively Avoid internal jargon and use customer-friendly language Confirm resolution before closing tickets and ask if there’s anything else the customer needs Document tickets thoroughly with all relevant steps, findings, internal links, and escalations Requirements 1–3 years in a SaaS support, helpdesk, or customer experience role Strong written communication; ability to explain complex issues simply Familiarity with customer support ticketing tools Calm under pressure, with a high degree of empathy and accountability Prior experience with event platforms or technical troubleshooting is a plus WHY YOU WANT TO WORK HERE Competitive compensation Employee Friendly ESOPs Remote Working Flexible Leave Program Home Workstation Setup A culture built on trust, transparency, and integrity Ground floor opportunity at a fast-growing series A startup
Posted 2 weeks ago
3.0 years
0 Lacs
Chennai, Tamil Nadu, India
On-site
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
Posted 4 weeks ago
8.0 - 10.0 years
14 - 18 Lacs
Jaipur
Work from Office
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
Posted 1 month ago
3.0 years
0 Lacs
Gurugram, Haryana, India
On-site
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
Posted 1 month ago
6.0 years
0 Lacs
Indore, Madhya Pradesh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Dehradun, Uttarakhand, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Chandigarh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Vijayawada, Andhra Pradesh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Mysore, Karnataka, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Patna, Bihar, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Thiruvananthapuram, Kerala, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Pune/Pimpri-Chinchwad Area
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Coimbatore, Tamil Nadu, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Gurugram, Haryana, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Madurai, Tamil Nadu, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Vellore, Tamil Nadu, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Faridabad, Haryana, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Chennai, Tamil Nadu, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Agra, Uttar Pradesh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Ghaziabad, Uttar Pradesh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
6.0 years
0 Lacs
Noida, Uttar Pradesh, India
Remote
Experience : 6.00 + years Salary : USD 2500 / month (based on experience) Expected Notice Period : 7 Days Shift : (GMT+05:30) Asia/Kolkata (IST) Opportunity Type : Remote Placement Type : Full Time Contract for 6 Months(40 hrs a week/160 hrs a month) (*Note: This is a requirement for one of Uplers' client - BR) What do you need for this opportunity? Must have skills required: NA, CI/CD, Component-Based Architecture, Jest or Vitest, Performance Optimization, react, Redux, Tailwind CSS, TypeScript BR is Looking for: General Technical Overview Potential Partnership Phase 1 of development (first 2 months) will focus on establishing a partnership grounded in trust and quality, delivering a modular, high-performance base architecture alongside a foundational implementation of the dashboard using TypeScript, React, and Tailwind CSS. The architecture will prioritize scalability, maintainability, and a strong developer experience, with an emphasis on component modularity, performance optimization, and seamless integration with a design system. Importantly, while the initial focus is on the dashboard, the architecture and development effort are not limited to this feature alone; should the dashboard be completed earlier than expected or if internal priorities shift, the development resources and base architecture can be readily adapted to other features or modules. This flexible foundation is intended to support and accelerate future development phases, including the progressive migration of additional features and functionalities from the existing internal project. Key Technical Features & Specifications Technology Stack Language: TypeScript Framework: React Styling: Tailwind CSS Routing: React Router v6 or TanStack Router Global State Management: Zustand or Redux Toolkit Local State Management: React Context + useReducer Architecture & Scalability Component-Based Architecture: Modular and domain-driven structure enabling feature isolation and reuse. Optimized File Structure: Organized by features/domains to enhance discoverability and reduce coupling. Design System Integration: Figma integration via tokens (optional) and Storybook for visual documentation and approval. Theme Support: Built-in dark/light mode support. Internationalization (i18n): Ready for multilingual interfaces using tools like i18next. Performance Optimization: Lazy loading of routes and components Debounced inputs, memoization, virtualization (if needed) Efficient rendering of large datasets UI/UX Requirements Responsive & Accessible Design: Desktop-first layout adaptable to smaller viewports (portrait-oriented). Persistent Navigation: Sidebar and topbar with responsive collapse/expand behavior. Stateful UX Support: Loading indicators (skeletons, spinners) Empty state components Data Export Features: CSV, PDF exports (format and content to be defined) Conditional UI Rendering: Based on user roles/permissions Notification System: Inline and toast-based alerts Component Library & Design System Component Library: Radix UI or ShadCN (for accessible and themeable primitives) Design Documentation: Storybook (isolated component testing, visual QA, and collaboration) Design Tokens: Optional use of @tokens-studio/react for importing Figma variables directly into code Testing & Quality Assurance Unit Testing: Vitest (modern, fast alternative to Jest) or Jest Integration Testing: React Testing Library (focuses on testing components the way users interact with them) End-to-End (E2E) Testing: Playwright or Cypress (for full user-flow testing across the UI and backend) Accessibility Audits: axe-core, WAVE, or Pa11y (to ensure WCAG-compliant interfaces) Code Coverage: c8 with Codecov integration (automated coverage reporting on pull requests) CI/CD & Development Workflow CI/CD Pipeline: GitHub Actions for: Linting (ESLint) Formatting (Prettier) Running tests and builds Version Control: Git with a clean PR strategy and conventional commit standards Code Quality Gates: Optional SonarCloud integration for detecting code smells, duplication, and technical debt Performance Audits: Lighthouse CI for tracking performance, accessibility, and SEO across PRs Observability & UX Monitoring (Optional) Error Monitoring: Sentry or LogRocket for real-time exception logging and alerting session replays UX Session Replay: LogRocket for identifying UX bottlenecks through user API Integration & Design API Review: Audit and refactor existing APIs as needed Mock API Layer: Use Beeceptor or Mockoon to simulate endpoints during frontend development API Standards: Define consistent patterns for RESTful APIs or GraphQL, depending on backend direction Functional Scope – Phase I: "Super Dashboard" The initial delivery phase will focus on developing a robust, performant dashboard ("Super Dashboard") featuring: Settings Management: User/system-level configurations Advanced Filtering: Multi-criteria, dynamic filter panel Global Search: Full-text search across modules Date Selector: Predefined and custom date range pickers Navigation: Persistent sidebar + topbar with adaptive layout Role-Based Access: Conditional rendering based on user roles Notifications: Visual alerts for system or user events Responsive Layout: Collapsible/resizable panels; mobile-adaptive components Loading/Empty States: Visual cues for data absence or load delays Data Exporting: CSV/PDF output (final specs TBD) Project Considerations Design and UX workflows should be provided by b-rayZ. Final Backend, and API infrastructure will be provided by b-rayZ, but should be revised and defined by the frontend developer. Frontend developers are responsible for: Develop frontend Reviewing and refining API specs Ensuring frontend-backend contract alignment Mocking endpoints when backend is not ready Ensure frontend best practices Maintain daily communication with b-rayZ How to apply for this opportunity? Step 1: Click On Apply! And Register or Login on our portal. Step 2: Complete the Screening Form & Upload updated Resume Step 3: Increase your chances to get shortlisted & meet the client for the Interview! About Uplers: Our goal is to make hiring reliable, simple, and fast. Our role will be to help all our talents find and apply for relevant contractual onsite opportunities and progress in their career. We will support any grievances or challenges you may face during the engagement. (Note: There are many more opportunities apart from this on the portal. Depending on the assessments you clear, you can apply for them as well). So, if you are ready for a new challenge, a great work environment, and an opportunity to take your career to the next level, don't hesitate to apply today. We are waiting for you!
Posted 1 month ago
Upload Resume
Drag or click to upload
Your data is secure with us, protected by advanced encryption.
Browse through a variety of job opportunities tailored to your skills and preferences. Filter by location, experience, salary, and more to find your perfect fit.
We have sent an OTP to your contact. Please enter it below to verify.
Accenture
54024 Jobs | Dublin
Wipro
24262 Jobs | Bengaluru
Accenture in India
18733 Jobs | Dublin 2
EY
17079 Jobs | London
Uplers
12548 Jobs | Ahmedabad
IBM
11704 Jobs | Armonk
Amazon
11059 Jobs | Seattle,WA
Bajaj Finserv
10656 Jobs |
Accenture services Pvt Ltd
10587 Jobs |
Oracle
10506 Jobs | Redwood City