Frontend Developer (React)
Share
Job Location:
Monthly Salary:
Posted on:
Yesterday
Vacancies:
1 Vacancy
Job Summary
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
Technical Skills (Required)
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
- 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
- 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
- Build interactive charts and graphs using Recharts or
- Create real-time updating dashboards with WebSocket integration
- Implement data export functionality (CSV PDF)
- Design empty states loading skeletons and error boundaries
- 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)
- 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
Technical Skills (Required)
- 3 years of professional 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
- Experience with Recharts 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
- 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
- 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
- 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
Required Experience:
IC
Key Skills
- CCTV
- Computer Science
- Corporate Marketing
- E Learning
- Arabic English Translation
About Company
Offering End-to-End IT & Business Value – From Promise to Proof. Our solutions and services are designed to improve quality, drive customer engagement, ...
