Hi,
I added a new bookmark using the 'Add' button inside my collection. After that when I try to add second bookmark the 'Create Bookmark' form is showing previously added bookmark's data instead of empty fields.

Create Bookamrks Page

Figma : https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1326-695&t=7GOPXG5Yg34QIeuH-0

https://www.loom.com/share/8c634c5c850d488b83bac62fd1328a6b

• Another enhancement can be to add tips on hover on these icons to tell what these icons exactly are. Can be done using hover approach used on settings page

I can work on this if you think it is a good enhancement

found this add collection button in saved collection. it should not be there, isnt it?

and if it is, i dont find it working,
as it makes the popup modal appear, but the popup modal do not submit anything.

https://www.loom.com/share/040f10e178e6415eb2eeb1c65ddb87ef?sid=397f2571-a74b-430f-b4a6-564bf69cb3b3

• If I want to make developmental changes on the Contact Us page, how can I do it?
• The scenario is same for FAQ link as well.

One possible solution will be to create env files and use that to define domain paths of that env. It will handle both development and prod as well.

Do assign the issue to me if you think this should be solved.

The bug is if a user reloads the signup page the invalid password message is displayed even if the user has not input anything.

Login and Signup Page
https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/%F0%9F%94%97-LinkCollect?type=design&node-id=1326-695&t=RwMCTTRWpOdcQE4N-0

We need to create the below Link Component in our project to enhance functionality.

Please follow clean code practices while implementing the component to ensure maintainability and readability.

here's the figma link for reference: https://www.figma.com/file/8AdVJeP4j8CoNODccUCyaS/LinkCollect-Dev?type=design&node-id=1%3A4430&t=0WOeDDbpQXjMoiTr-1

Instructions :

• Fork this repo
• create a new branch
• make a new folder in components folder and name it collectionCardV2
• Once done create a pr with brief description(image/video) explaining your work, comparing with v2 branch.**

Congratulations you are a Contributor of Linkcollect 🎉🎉!!

There are 2 small bugs.
First one on View component, the color of view icon is same for both dark and light mode:

Second one on Saved collection page, the text color of "No collection Found" is black in both dark and light modes.

I created an account using Signup, without having the extension installed. It should not allow me to signin but redirect to the installation page.

Alternatively, if the extension is not installed, The dashboard page can link to the extension page as well.

The paragraph text You can add it from extension Can be changed to the following:

You can add it from the Linkcollect extension

Where a link to the extension install page is included.

There are many bugs on the settings page.

1. When clicked on Choose File there is only a option to upload png files and not jpg.
2. If user uploads any file other than png/jpg there is no check for that.
3. File size is checked when user clicks on save button but I think it should be checked when file is uploaded.
4. Whenever a user types a longer link/text in twitter social or website input it overlaps with the twitter/website icon.
   Video:

The applications as of now, lacks some essential accessbility principles as per standard web dev practices like alt texts and tab navigation:

1. Tab navigation: Currently, it's just the default tab navigation that comes shipped with the standard HTML DOM and it's not making much sense for now. I'll handle this.
   
2. ALT Text: Describing certain elements via add on texts to help visually impaired people read faster on their screen readers.

Please assign me this issue if you feel like going forward with it. Thanks!

Issue Description:
The website currently lacks a custom 404 error page, which results in a less user-friendly experience when users access non-existent routes. When navigating to URLs like https://main-website-linkcollect-xi.vercel.app/random or /abc,

Screenshot:

Possible solution:
Implementing a custom 404 page will not only improve user satisfaction but also help in retaining users who might otherwise leave the site due to encountering dead-end pages.

Tailwind theme setup according to V2
https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1510-4&t=7GOPXG5Yg34QIeuH-0

When I click on the 'View' button in the user interface, the 'Sort By' dropdown menu doesn't close automatically if it's open or vice versa. This behavior is not as expected, and I believe the dropdowns should mutually close when one of them is opened to provide a better user experience.

Create Sidebar component for V2

Create Topbar component for V2

https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1326-695&t=7GOPXG5Yg34QIeuH-0

FIgma : https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1326-695&t=7GOPXG5Yg34QIeuH-0

The current animation which gets triggered on mouse hover over a link collection card seems very inefficient due to overfilling. I propose a better way of flipping over the card on hovering to display the description on a completely blank space which would accomodate the description for a link collection in a better way. Background color would be light yellowish and font style to remain the same.

Before:

After:

Please assign me this issue if you agree to my proposal or have any suggestions for any alternatives. Am new to hacktoberfest and open source in general so would be a good way to kickstart my journey! Thanks!

Figma: https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1326-695&t=7GOPXG5Yg34QIeuH-0

Create collection

Edit Collection

Figma: https://www.figma.com/file/KhDVfPvP4A7s8IF2gkwwHF/LinkCollect?type=design&node-id=1326-695&t=7GOPXG5Yg34QIeuH-0

https://www.loom.com/share/e919e2c6d95d49afb21b9dbba34191ab?sid=856d9e58-83a5-4c0a-aa74-890e968a51e0

• If I add a duplicate link to the bookmark, api returns 400 but no error message is shown to user. It's a bad user experience

If you're interested in working on the settings page, here are a few enhancements you can consider:

• Delete User Profile Button:

• Add a "Delete User Profile" button. I believe it's already in the code but commented out.
  Integrate the API endpoint for user deletion. Here's the API details:
  API Endpoint: https://dev.linkcollect.io/api/v1/user/delete/userID (Replace userID with the actual user's ID)
  Modal Confirmation: Ensure there's a confirmation modal that asks the user to retype their email for double confirmation. Pasting should be disabled in this input field.
  After the API call is successful, redirect the user to the login page and remove their token from local storage.

• Theme Button:

• Keep the theme button accessible for now.

• Bio Character Limit:

• If not already implemented, add a character limit for the bio field.
  Information Text:

• Add informative text below "Select Profile Type" based on the user's selection:

If Private Profile Selected:
"This will make your entire profile private, and all public collections will become private too."
If Public Profile Selected:
"Public collections will be visible to anyone using LinkCollect."

• Margin Adjustment:

Adjust the margin on the "Select Profile Type" dropdown for better spacing.
These enhancements should improve the user experience on the settings page. If you have any questions or need further details, feel free to ask. Thank you for your interest in contributing!

You can create sepearate PR for each settings page issue

We need to create the below Link Component in our project to enhance functionality.

Please follow clean code practices while implementing the component to ensure maintainability and readability.

here's the figma link for reference:
https://www.figma.com/file/8AdVJeP4j8CoNODccUCyaS/LinkCollect-Dev?type=design&node-id=57%3A1327&t=ZGeCJIAWXBthHfG7-1

Instructions :

• Fork this repo
• create a new branch
• make a new folder in components folder and name it BookmarkItemV2
• Once done create a pr with brief description(image/video) explaining your work, comparing with v2 branch.

Congratulations you are a Contributor of Linkcollect 🎉🎉!!

Issue -:
The video in what we do section is not supported by many browsers , also it occupies lot of white space of the landing page of website, which makes ui look bad . I want to remove this video from the cards where it is used .
Please assign this issue to me .

This bug is very visible at the bottom but I couldn't find this issue having been opened by anyone else so I'm opening this. It occurs on both Firefox and Chrome.

• I tried signing up today, but if I added. '^' or '.' in my password, the signup button still remained disabled. The message says, 1 special character is required. Adding '!' worked and enabled the button.

1 - Either we can update the regex -
const passwordPattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*])[A-Za-z\d@$!%*?&#]{8,}$/;

2 - We can update the message as some special characters are not working.

Also, the text color on signup page is really light and difficult to read. We should make it darker.

https://www.loom.com/share/0aee1895452443bba06bd67bb28a9dcc?sid=048b104c-7637-4d54-9996-1ed0e04e4311

Please assign me to this issue if you think these are genuine issues.

Feature Enhancement Proposal

Description:

The LinkCollect project is an open-source platform designed to help users collect and organize their favorite links efficiently. I believe that by enhancing the user experience (UX) and making a few strategic additions, we can attract more stars and contributors to the project. Here are the feature enhancements I propose:

Feature Enhancements:

1. GitHub Integration in Navbar:

   Description: I suggest adding a GitHub icon and link to the project's GitHub repository in the Navbar. This feature would increase user engagement with the project's codebase by providing quick and easy access to the project's source code, issues, and discussions on GitHub.

   Benefits:

   • Improved Visibility: Users will be more aware of the project's presence on GitHub, which can lead to increased visits and interactions.
   • Encourage Contributions: A prominent GitHub link in the Navbar encourages users to contribute to the project, submit issues, or even star the repository.
   • Enhanced Credibility: Linking to the project's GitHub repository adds a level of transparency and trustworthiness, making users more confident in using the service.

2. Footer UI Enhancements:

   Description: The footer of the LinkCollect website is a valuable area for improving user engagement and navigation. To achieve this, I propose enhancing the footer by incorporating social media icons, additional navigation links, and overall visual improvements.

   Specific Changes:

   • Social Media Icons: Add icons and links to the project's social media profiles, such as Twitter, Facebook, and LinkedIn, in the footer.
   • Visual Improvements: Apply a modern and visually appealing design to the footer to enhance the overall look and feel of the website.

Screenshots:

Additional Context:

As a contributor with prior experience in enhancing the UX/UI of open-source projects, I have seen firsthand how these improvements can significantly benefit a project. In previous projects, similar enhancements have not only attracted more users but also fostered a stronger sense of community and collaboration. By implementing these proposed feature enhancements, I aim to increase the LinkCollect project's visibility, credibility, and user engagement, ultimately leading to a more successful and thriving open-source community. Your support and consideration of these enhancements will undoubtedly contribute to the project's long-term success.

• Read GitHub Community Guidelines
• I would like to work on this issue

https://www.loom.com/share/683b89ea8e9d4e5a98f199362abb5bc7?sid=eab6ddb3-38cc-4041-ab77-decfbbe2fb4d

Will raise a fix

Go to settings page and update user info and click on save .
after navigating to other tabs come back again to the settings .. you will see that your profile hasn't been updated.

I logged in using google account on Firefox, and I went to my home page. That's expected.

But if I copy that URL and paste in chrome I am seeing this screen instead of getting redirected to home page. I have not logged in on chrome yet.