hanseaston / pandemic-produce-delivery-project

An open-source e-commerce shop using React, Express, Firebase, and MongoDB. Designed for pandemic-relief and social good. The project is no longer actively maintained, but feel free to fork and use for your own purpose!
MIT License
26 stars 38 forks source link

Milestone: Transforming our project's CSS #31

Open hanseaston opened 4 years ago

hanseaston commented 4 years ago

Right now, our CSS style is global, which isn't ideal if our project scales up.

We have two (definitely more, feel free to brainstorm) options, either using CSS modules, or styled Components. I personally would prefer using CSS modules because it's easier to get your feet wet and get started, but I definitely see some tradeoffs.

Since this is a big task (transforming all of our project's style is a lot of work), we will tackle the style one file after another using individual tracking issues. We will probably imitate the protocol resembling #25 to make progress slowly.

I'm listing this as one of the major milestones.

Please let me know what you think.

li3097 commented 3 years ago

I was originally looking at the about page since that was the issue listed on http://issuehub.io/?label%5B%5D=html&label%5B%5D=enhancement&language=

If I am understanding this issue, its the bigger version of the one listed on issuehub.io. I am thinking doing something similar to this https://images.template.net/wp-content/uploads/2017/04/17122905/Online-Food-Delivery-Website-Template.jpg with the brown from your potato logo instead of the black listed. The picture was just a loose idea of what I am thinking. I could add a css page to get started but I am not quite familiar enough with the languages used to connect the pages. For a quick 'fix' to the about page, I was thinking adding a wide header picture with some text on it to make it look less thrown together.