[React] Fix ShopItem Mobile Layout

[AmanNegi]

Issue

The layout of shop items gets skewed on the Shop Item Page. Use appropriate TailwindCSS to ensure the page looks great on mobile devices as well.

Files to be changed

fronted/react/src/pages/shop/presentation/ItemDetail.jsx

This is just provided for simplicity of navigation and reference. If required more files can be affected according to needs.

Screenshots

[vinayakGarudi2002]

Hello Sir, We would like to contribute to this issue. Please assign it to us. ( We are Engineering Students and Compulsorily required to contribute to open source. Thus You can expect a good fix to the issue)

Thank You @vinayakGarudi2002 @v-i-v-e-k-01

[AmanNegi]

Sure, @vinayakGarudi2002 feel free to make the changes and make a PR. Let me know if you're facing some issues settings up. Here's a recent guide I provided in a PR: https://github.com/AmanNegi/FreshNest/issues/77#issuecomment-1628418222.

[vinayakGarudi2002]

Okay Thank you

[AmanNegi]

@vinayakGarudi2002 Any updates on this?

[vinayakGarudi2002]

Hello Sir , We are Studying the repository and the work will be completed by the end of this semester i.e by October end. Please do tell if it is not feasible for you. We are planing to complete it before october itself

[AmanNegi]

@vinayakGarudi2002 No updates on this?

[cheesequake]

@AmanNegi After making a customer account, I am unable to see any products in the shop page, so naturally I made a farmer's account and tried adding an item, but it does not accept the image I upload and says "Error uploading image" on top. How do I fix this? The console log states : "FirebaseError: Firebase Storage: No default bucket found. Did you set the 'storageBucket' property when initializing the app? (storage/no-default-bucket)"

[AmanNegi]

Thanks for the detailed message @cheesequake. Here are a few things I have to say:

1. Use Node Version v18.14.0.
2. After this you will need to clear your old node_modules and run npm install again.
3. After that, you should be able to run the front end.

   Note you would not be able to upload images or use Google SignIn because those need separate keys for those configs.

Don't forget to set the .env file:

VITE_API_URL="https://agromillets.adaptable.app/api"

• After this, you'll be able to log in, use email: customer@gmail.com and password as password. No need to set up an account altogether.

[cheesequake]

@AmanNegi Thank you for the reply. I have made changes and created a pull request for the same. Kindly check and let me know about the same :)

[AmanNegi]

Fixed via #113.

@cheesequake , feel free to check this issue if you are interested:

• https://github.com/AmanNegi/FreshNest/issues/115