Skip to content

Instantly share code, notes, and snippets.

@zainzafar90
Created April 14, 2024 17:55
Show Gist options
  • Save zainzafar90/ad6dacbb633fcc80a2ab0848c4aaa3f0 to your computer and use it in GitHub Desktop.
Save zainzafar90/ad6dacbb633fcc80a2ab0848c4aaa3f0 to your computer and use it in GitHub Desktop.

📝 Summary

This pull request introduces a new shared UI library designed to consolidate UI components and styles for increased reusability across our Dashboard and Interview applications. The focus is on improving maintainability and ensuring consistent design standards throughout our projects.

✨ Added

- Integrated `UnifiedUI` library for managing common UI components such as buttons, cards, and modals.
- Added `GestureControl` module to handle touch and swipe interactions globally.

🌀 Changed

- Updated all product carousels to utilize the new `GestureControl` module for a unified swiping experience.
- Refactored existing components to adopt variables from `UnifiedUI`, reducing duplicate CSS code.

🎨 Design

🎫 Related Issues

  • [UIX-102] Refactor UI components to use the shared library for cross-project consistency.
  • [Discuss-204] Discussion on the integration challenges of shared UI libraries in existing projects.

🧪 How to Test?

  1. Install new dependencies with npm install.
  2. Build the project with npm run build so that shared library can be accessed in other projects
  3. Manual Checks: Specifically test the GestureControl module in product carousels on Chrome and Firefox to ensure swipe interactions are smooth.

📸 Screenshots / Demos

Before After
image image

|

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment