Frontend Developer (React)

We are recruiting to fill the position below:

Job Title: Frontend Developer (React)

Location: Lagos
Job Type: Full-Time / Hybrid

Position Summary

• You will work closely with designers and backend developers to implement pixel-perfect UI components using React and Ant Design, ensuring an exceptional user experience for our clients’ marketing managers, support agents, and administrators across the QSR and hospitality sectors in West and East Africa.
• We are seeking a skilled Frontend Developer to build intuitive, responsive user interfaces for the MarketEdge CRM platform.

Key Responsibilities
UI Development:

• Create data-rich tables with sorting, filtering, pagination, and bulk actions
• Build responsive, accessible React components following the MarketEdge design system
• Develop interactive forms with real-time validation and multi-step wizards
• Build reusable component library ensuring consistency across all CRM modules
• Implement complex UI patterns using Ant Design framework with custom theming
• Ensure cross-browser compatibility (Chrome, Firefox, Safari, Edge)
• Implement mobile-responsive layouts for tablet and smartphone access

Key Screens to Develop:

• Global Search Modal: Keyboard-navigable search with recent items and quick filters
• Customer 360 Profile: Header with quick stats, tabbed navigation (Overview, Orders, Loyalty, Campaigns, Support, Activity)
• Loyalty Dashboard: KPI cards, enrollment trend charts, tier distribution visualization
• Segment Builder: Visual query builder with rule groups, AND/OR logic, live preview panel
• Analytics Dashboards: Interactive charts, date range selectors, export functionality
• Customer List Screen: Filter bar, sortable data table, bulk actions, pagination
• Campaign Creation Wizard: 4-step flow with channel selection, audience targeting, content editor, scheduling
• Support Ticket Detail: Conversation thread, reply composer, customer sidebar

State Management:

• Handle async operations using Redux Thunk or RTK Query
• Implement Redux Toolkit for global application state
• Manage form state using React Hook Form or similar libraries
• Design efficient state structures minimizing re-renders
• Implement optimistic updates for responsive user experience

Data Visualization:

• Implement data export functionality (CSV, PDF)
• Build interactive charts and graphs using Recharts or Chart.js
• Design empty states, loading skeletons, and error boundaries
• Create real-time updating dashboards with WebSocket integration

API Integration:

• Implement request caching and data normalization
• Consume RESTful APIs with proper error handling and loading states
• Process and display data from external integrations (loyalty, messaging)
• Handle authentication flows (login, logout, token refresh)

Quality and Performance:

• Participate in code reviews and provide constructive feedback
• Implement lazy loading for code splitting
• Optimize component rendering and bundle size
• Write unit tests using Jest and React Testing Library
• Ensure WCAG 2.1 accessibility compliance

Required Skills and Qualifications
Technical Skills (Required):

• Understanding of RESTful API consumption and async data handling
• Experience with Git version control and collaborative workflows
• Proficiency in CSS3, SCSS/LESS, and responsive design principles
• Knowledge of web performance optimization techniques
• Familiarity with Ant Design or similar component libraries (Material UI, Chakra)
• Strong proficiency in modern JavaScript (ES6+) and TypeScript
• Experience with Redux or Redux Toolkit for state management
• 3+ years of professional React.js development experience

Technical Skills (Preferred):

• Familiarity with Figma for design handoff collaboration
• Experience with Recharts, Chart.js, or D3 for data visualization
• Understanding of Web Accessibility (WCAG) standards
• Experience with Storybook for component documentation
• Familiarity with React Hook Form for complex form handling
• Knowledge of Cypress or Playwright for end-to-end testing

Design Sensibility:

• Experience implementing design systems and maintaining visual consistency
• Ability to translate wireframes and mockups into functional interfaces
• Understanding of UX principles and user-centered design
• Strong eye for visual design and attention to detail

Soft Skills:

• Openness to feedback and continuous improvement mindset
• Self-motivated with attention to quality and deadlines
• Ability to work effectively in hybrid/remote environment
• Excellent collaboration skills with designers and backend developers
• Strong communication abilities for discussing technical trade-offs

Nice-to-Have Qualifications:

• Previous work with Nigerian or African business application
• Experience with CRM or enterprise SaaS applications
• Understanding of multi-tenant application architecture
• Portfolio demonstrating complex data-rich interfaces
• Familiarity with the IDURAR platform or similar open-source projects