React Developer (React Dashboard Development - Design and Develop UI Screens)

Overview

On Site
Depends on Experience
Contract - W2
Contract - 12 Month(s)

Skills

React
Tpescript
User Interface
Typescript
Front-End

Job Details

Job Title: Senior Frontend Engineer (React Dashboard Development - Design and Develop UI Screens)

Location: Philadelphia, PA In Person Interview

Duration: 12 Months

Job Summary

Work with the Product Owner, understand business requirements and design intuitive, data-rich dashboard interfaces for engineering metrics visualization. Be able to understand white-boarding designs (no Figma and similar tools) and translate that to UI designs and interactions following configurable color themes and interaction themes. Back-of-the-envelope design to beautiful UI screens in production. The dashboards will be used by Managers.

Create user experiences that work seamlessly across desktop and mobile devices for engineers, team leads, and executives with varying technical backgrounds.

Build responsive, interactive web dashboards using React.js that visualize engineering metrics for individual contributors, teams, and managers. Create mobile-optimized Progressive Web Applications with rich data visualizations and real-time updates. Use consistent visual design patterns.

Key Responsibilities:

  • React Development: Build complex, responsive dashboard components using React.js, hooks, and modern JavaScript
  • Data Visualization: Implement interactive charts and graphs using D3.js, Chart.js, or similar libraries that function well with React and responsive screens.
  • Mobile Optimization: Develop Progressive Web App (PWA) features for mobile dashboard access
  • UI/UX Implementation: Translate designs into pixel-perfect, accessible user interfaces
  • State Management: Implement efficient state management using Redux, Context API, or similar
  • Performance Optimization: Optimize bundle size, implement lazy loading, and ensure fast load times
  • API Integration: Connect frontend components to backend APIs with proper error handling and loading states, and data persistence.
  • Testing: Write unit tests, integration tests, and end-to-end tests for dashboard functionality
  • User Research: Conduct user interviews and usability studies with engineers, managers, and executives
  • Information Architecture: Design logical organization and navigation for complex metric dashboards
  • Visual Design: Create clean, accessible designs that effectively communicate data insights
  • Interaction Design: Design interactive elements, filters, drill-down capabilities, and responsive behaviors
  • Mobile Design: Optimize dashboard experience for mobile devices and touch interactions
  • Design Systems: Develop and maintain design system components and patterns
  • Prototyping: Create interactive prototypes for user testing and developer handoff
  • Accessibility: Ensure designs meet WCAG compliance standards

Required Skills

  • Frontend Frameworks: 4+ years with React.js, modern JavaScript (ES6+), TypeScript
  • Styling: CSS3, Sass/SCSS, styled-components, Material-UI, or Ant Design
  • Data Visualization: D3.js, Chart.js, Recharts, or similar charting libraries
  • Data Tabulation: AG Grid Community ed, or similar
  • Build Tools: Webpack, Vite, or similar bundlers
  • Testing: Jest, React Testing Library, Cypress
  • Version Control: Git, pull request workflows
  • Responsive Design: Mobile-first development, cross-browser compatibility
  • Design Tools: 4+ years with Figma, Sketch, Adobe Creative Suite
  • UX Research: User interviews, usability testing, persona development
  • Data Visualization: Experience designing charts, graphs, and dashboard interfaces
  • Responsive Design: Mobile-first design principles and cross-device experience
  • Design Systems: Component libraries, design tokens, style guides
  • Prototyping: Interactive prototype creation and user testing
  • Accessibility: WCAG guidelines and inclusive design practices

Preferred Qualifications

  • Progressive Web App (PWA) development experience
  • Dashboard/analytics application development experience
  • Agile design and development process/methodology experience
  • Dashboard and analytics application design experience
  • Data visualization best practices knowledge
  • Understanding of data related engineering or developer tool like JIRA and Git - a plus
  • Accessibility (WCAG) compliance experience - a plus
  • Real-time data visualization and WebSocket integration - a plus
Employers have access to artificial intelligence language tools (“AI”) that help generate and enhance job descriptions and AI may have been used to create this description. The position description has been reviewed for accuracy and Dice believes it to correctly reflect the job opportunity.