Shop products page is added - issue #266

[clownfish1805]

Description

• A responsive layout that displays a list of available products with images, descriptions, and prices.
• Functional Search buttons, ensuring a smooth user experience.
• A navigation menu for easy access to other sections of the website, including the home page and cart.
• Adherence to the website's design guidelines for consistency in styling and user interface.

Related Issues

• Placeholder: "Fixes [Bug]: Shop page is not available / gives 404 error #266"

Changes

• Fixed a bug in Shop page is not available / gives 404 error

Testing Instructions

Detailed instructions on how to test the changes. Include any setup needed and specific test cases.

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run npm test to execute the test suite.
4. Verify that the shop page is visible

Screenshots (if applicable)

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Suman373]

Is it necessary to use hardcoded image in base64 format?

[Trisha-tech]

Width is too large according to me which hinders the overall image height. @clownfish1805
What you say @Suman373 ?

[Suman373]

Width is too large according to me which hinders the overall image height. @clownfish1805 What you say @Suman373 ?

Yes and the image format reduces the code readability

[clownfish1805]

@Suman373 @Trisha-tech
I have reduced the width and improved the height

[Suman373]

@Suman373 @Trisha-tech I have reduced the width and improved the height

Yes. But some images have base64 string in the image source. Could u please make them an image url from unsplash too?

[Suman373]

U can see how long this source for the image is. It will affect code readability as it is a standard to be maintained.