search

narainkarthikv / sticky-memo

Open Source Contribution Sticky notes web Application. Develop: https://sticky-memo-dev.vercel.app
https://wisdomfox-sticky-memo.netlify.app/
MIT License
6 stars 8 forks source link

Feat(MUI): Migrate from Regular CSS to MUI #60

Open narainkarthikv opened 2 days ago

narainkarthikv commented 2 days ago

  1. Set Up Material-UI:

    • [ ] Install Material-UI core and icons packages.
    • [ ] Set up the MUI theme provider in the main application component.
    • [ ] Create a custom theme to match the existing design language (colors, typography, etc.).

  2. Identify Components:

    • [ ] List all components currently styled with regular CSS.
    • [ ] Review and document the purpose and usage of each component.

  3. Component Migration:

    • [ ] Convert each component to use MUI components and styling.
      • For example:
      • Replace <div> with <Box> or <Grid> for layout.
      • Use MUI buttons, text fields, and other components where applicable.
    • [ ] Ensure that the functionality of each component remains intact after the migration.
    • [ ] Test components for responsiveness and consistency with the existing design.

  4. Update Styles:

    • [ ] Remove any existing CSS files related to the components being migrated.
    • [ ] Replace custom styles with MUI's styling solutions (e.g., sx prop, makeStyles, or styled components).

  5. Documentation:

    • [ ] Update project documentation to reflect changes in styling practices and usage of Material-UI components.
    • [ ] Create a guide for future developers on how to use MUI components in the project.
ypoleto commented 2 days ago

Hey! Can I work on this issue?

narainkarthikv commented 1 day ago

Hi @ypoleto,

I've assigned this issue to you. When you're done checking that all the functionalities are working as expected, please go ahead and create a PR.

Thanks!