Skip to content

Conversation

@JasrajChouhan
Copy link

Related Issue

Closes #92


Description

This PR migrates the UI library from Material-UI to ShadCN while also upgrading to Tailwind CSS v4. The goal is to enhance the design system with a more flexible and modern styling approach while maintaining the existing functionality.


Changes Introduced

  • Replaced Material-UI components with ShadCN alternatives.
  • Integrated Tailwind CSS v4 for improved styling consistency.
  • Ensured UI/UX parity with the previous Material-UI implementation.

How Has This Been Tested?

  • Implemented ShadCN buttons and inputs in the Home component.
  • Verified UI consistency and behavior across various states.
  • Ensured pagination, authentication, and filtering work as expected.

Screenshots (if applicable)

image
image


Additional Notes

  • This PR does not remove Material-UI from the project yet to prevent potential merge conflicts.
  • Once all components are successfully migrated and tested, we can safely remove Material-UI in a follow-up PR.
  • This PR don't make any changes in Home.tsx like file which use material ui. We replace in future.

Type of Change

  • Bug fix 🛠
  • New feature ✨
  • Code style update 🎨
  • Breaking change ⚠️
  • Documentation update 📖

@netlify
Copy link

netlify bot commented Mar 4, 2025

Deploy Preview for github-spy ready!

Name Link
🔨 Latest commit 22d2c3e
🔍 Latest deploy log https://app.netlify.com/sites/github-spy/deploys/67c65c8be21a180008cdddfb
😎 Deploy Preview https://deploy-preview-95--github-spy.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🚀 Feature: Migrate material UI to shadcn

2 participants