atlp-rwanda/dynamites-ecomm-fe

Feat: implementation of Dashboard side drawer

Closed this issue · 1 comments

Dawaic6 commented

Description

As an admin, I need a dashboard side drawer to navigate and see updates by managing orders, sellers, customers, and products component. This involves implementing and creating a responsive dashboard side drawer component, integrating it with the Redux Toolkit for state management, and writing unit tests to ensure functionality and reliability.

Acceptance Criteria

  • Implement a responsive sidebar drawer in the admin dashboard.
  • Integrate sidebar state management with Redux Toolkit.
  • Ensure the sidebar provides navigation to all key sections.
  • Write unit tests to verify navigation functionality and state management.

Tasks

  • Design Sidebar Drawer Components: Develop React components for the sidebar drawer and its navigation items, Use Tailwind CSS for styling and responsiveness, Ensure accessibility and proper keyboard navigation.
    -Implement Navigation and State Management: Integrate sidebar state management with Redux Toolkit, Implement routing for navigation to different sections.
  • Develop Unit Test: Write unit tests using Jest and Testing Library, Test navigation functionality and state management.

Definition of Done

  • The sidebar drawer is implemented and styled according to design.
  • The sidebar provides navigation to all key sections of the admin dashboard.
  • State management is properly integrated with Redux Toolkit.
  • Unit tests are written and passing, covering navigation functionality and state management.
Dawaic6 commented

Implementation Plan for Dashboard side drawer

Deliverables by End of Week:

  • The sidebar drawer is implemented and styled according to design.
  • The sidebar provides navigation to all key sections of the admin dashboard.
  • State management is properly integrated with Redux Toolkit.
  • Unit tests are written and passing, covering navigation functionality and state management.

Schedule of Implementation:

Day 1: 03/07/2024

  • The sidebar drawer is implemented and styled according to design.
  • The sidebar provides navigation to all key sections of the admin dashboard.

Day 2: 04/07/2024

  • State management is properly integrated with Redux Toolkit.
  • Unit tests are written and passing, covering navigation functionality and state management.

Day 3: 05/07/2024

  • check and fix issue remain on my task