Job Description

Job Title: Frontend Developer (React)

Location: Magodo Phase 1, Lagos

Type: Full Time/Hybrid

Position Summary

We are seeking a skilled Frontend Developer to build intuitive, responsive user interfaces for the MarketEdge CRM platform. 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.

Key Responsibilities

UI Development

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

Key Screens to Develop

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

State Management

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

Data Visualization

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

API Integration

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

Quality and Performance

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

Required Skills and Qualifications

Technical Skills (Required)

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

Technical Skills (Preferred)

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

Design Sensibility

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

Soft Skills

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

Nice-to-Have Qualifications

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