-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Create my listings page #126
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I appreciate the effort you put into this task, well done!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice feature, GJ Approved !
Description
This pull request introduces a new "My Listings" page, providing users with a responsive interface to manage their listed products. Here's a breakdown of the changes:
My Listings Page: Created a new page (mylistings/index.jsx) to display products listed by the logged-in user.
Responsive Design: Implemented responsive design using media queries to ensure a seamless user experience across various screen sizes.
User Info in Sidebar: Fetched user information in the sidebar, displaying the user's profile picture and details.
Product Card Component: Introduced a reusable ProductCard component to display each product's details.
Deletion Functionality: Enabled users to delete their listings with a confirmation message.
Changes Made
Added mylistings/index.jsx for the "My Listings" page.
Implemented responsive design using media queries in relevant components.
Fetched and displayed user information in the sidebar (Sidebar.jsx).
Created a ProductCard component for displaying product details in a card format.
Added the ability for users to delete their listings with a confirmation message.
Testing
Tested the "My Listings" page to ensure products are fetched and displayed correctly.
Verified the responsiveness of the page on various devices and screen sizes.
Checked the deletion functionality, confirming that products are removed from both the UI and the Firebase collection.
Screenshots
Large screens:
Deleting listings:
Small screens:
Related Issues
Closes #119
Related Issue