Refactor SCSS/MUI to TailwindCSS - Homepage Component

[mathcodes]

Make sure your changes have the same if not better responsiveness, colors (theme coming so look out for that addition!!!), and general style. Thanks!

[maryojo]

Hi @mathcodes, I'd like to work on this

[mathcodes]

How is everything going?

[maryojo]

Hi @mathcodes, I'm sorry I didn't give feedback yet. The components I found that had to be refactored were very few and they were mostly components that looked like they had been replaced on the homepage, like the <ContributorSection>. Would it be possible to point out the other parts I may be missing?

[mathcodes]

Sure no problem. I would go into your local repo and search for "Material" and tons of unwanted code will show up. Here is what I got:

[maryojo]

Alright, I'll check this out

[maryojo]

I have checked every use of 'material' in the code and I saw that the Material UI components were not being used. About 6 components were defined in the pages - leetcode, hackerrank, codewars, but they were not used

Also, the ItemCard and Item used the material UI components, but there were no other components that used the ItemCard or Item component

Am I supposed to still make changes to the ItemCard & Item components?

[mathcodes]

Great, way to knock out some spring cleaning!

And yes, we are aiming to keep the same styles, just by using either Tailwind or raw CSS if needed. Let me know if that makes sense or if you'd like some help!

[maryojo]

Okay, I should remove unused parts and replace the styling, right?

[mathcodes]

Yup. Removing unused for sure, and when replacing with TailwindCSS (the used MUI or SASS), just do your best to keep the end result the same. Thanks! With that said, if you feel like you can improve anything, go right ahead!!! We can always discuss when I review :)