What would you like to share or ask?

Having hover effect on icons in a website makes it more interactive for user, as of now we don't have any hover effect on Github and Theme icons.

Specific requirements

Add text-violet-500 this color when hovered on Github or theme icons.

Screenshots

Additional information

No response

What would you like to share or ask?

components/LinksConatiners

This repo name has a Spelling Error, needs to be changed to components/LinkContainers

Additional information

No response

Description

Let's say a new dependency was added by a contributor to the project and another contributor pulled that change. In order for the pulled changes to run locally, one has to run npm install before running npm run start. I will add some scripts that will ease the stress of running multiple commands. eg
Instead of this npm install and npm run start,
It will change to this npm install && npm run start chained to a single script name.

Screenshots

No response

Additional Information

No response

Is there any existing issue for this?

• I have searched the existing issues

Description

Currently, site title is being replaced with the URL when clicked on sidebar element. It would be nice if could be changed to Site name plus the selected element, for example LinksHub - Images.

Screenshots

Current:

To be changed:

Any additional information?

No response

What browser are you seeing the problem on?

No response

Description

I have a doubt about whether to create a new file for it or continue with the current one [ ../../database/data ] we already have.

https://fontjoy.com/

Screenshots

No response

Additional Information

No response

What would you like to share or ask?

Some spelling mistakes need to be fixed.
Line number 2 and Line number 39.

Additional information

No response

Is there any existing issue for this?

• I have searched the existing issues

Description

Sidebar links are currently generating an HTML warning. We should change these to instead of to follow coding guidelines.

Screenshots

No response

Any additional information?

No response

What browser are you seeing the problem on?

No response

What would you like to share or ask?

I would like to ask for the navbar to be made to close when a user clicks outside of the navbar, or on a link in the navbar

Additional information

I will love to add this feature as my first open source contribution

URL

https://www.1001fonts.com/

Description of the above provided site

1001 fonts is a platform that offers 42933 free fonts in 24214 families · Free licenses for commercial use · Direct font downloads · Mac · Windows · Linux.

Category

Frontend

Sub Category

fonts

Is there any existing issue for this?

• I have searched the existing issues

Description

##Bug

• Wrong URL address on the font-awesome and color check card button.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

What would you like to share or ask?

Some Spelling mistakes need to be fixed in the Readme file.
Line numbers 2 and 39

Additional information

No response

What would you like to share or ask?

I think adding a logo and a slogan before the welcome message would look better
and if the idea sounds good I would like to work on it!

Additional information

For example one of my earlier contributions :

Is there any existing issue for this?

• I have searched the existing issues

Description

There is some vertical overflow in the design-inspiration subcategory on mobile view

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

Firefox

URL

https://www.framer.com/motion

Description of the above provided site

Framer Motion is a production-ready motion library for React from Framer (https://www.framer.com/).

It's simple yet powerful, allowing you to express complex user interactions with robust, semantic markup.

Category

Frontend

Sub Category

animations

What would you like to share or ask?

As our project is open source and we don't have a landing page yet, it would be great to have a place where users can learn about the project, its features, and how to get started. This issue is to track the design of a landing page for LinksHub in Figma.

The landing page should include:

• A brief overview of the project and its purpose
• A list of key features
• Screenshots and/or demo videos to showcase the project
• Links to github and documentation to help users get started
• A section for contributors to learn how they can contribute to the project
• A way for users to contact the development team for support or to report issues

Design and layout should be modern and user-friendly, and should be accessible to users of all abilities.

Please provide a Figma link to the design and share it with the development team. Also, let me know if you have any questions or need clarification on any of the above points.

It's also important to note that the design should be accessible, responsive and mobile-friendly as well.

Additional information

No response

The website currently does not have any hover effects on elements, this can make it less interactive and less engaging for users.

Specific requirements

• This should add hover effect all sidebar elements
• This should be smooth (use transition property)
• The effect should include a background color change (make it light)

Hints

As we are using TailwindCSS and if you are new to it, don't worry just go through this

What would you like to share or ask?

Add a contributors section to the README file that lists all contributors to the project.

Hint

Use the below link to get faces of all contributors
https://contrib.rocks/image?repo=rupali-codes/LinksHub

Additional information

No response

URL

https://lottiefiles.com/

Description of the above provided site

LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.

Category

Frontend

Sub Category

"animations"

What would you like to share or ask?

There are typos in the Readme file such as on Line number 2 and 39.
Also, the readme can be improved with some tweaks.

I want to fix these :)

Additional information

No response

What would you like to share or ask?

Sidebar is not sorted as of yet, it would be nice if we will display this in Alphabetical ascending order.

Additional information

No response

URL

https://dribbble.com

Description of the above provided site

Explore the world’s leading design portfolios

Category

Frontend

Sub Category

"design inspiration"

URL

https://type-scale.com

Description of the above provided site

A tool to create visual type scales - sets of font sizes that follow good-looking proportions

Category

Frontend

Sub Category

fonts

it'll make managing bugs and new feature requests a lot easier!

I think we should replace nextjs' default favicon with our own.

URL

https://cubic-bezier.com/

Description of the above provided site

A tool for visualisation and creation of cubic-bezier curves for animation in CSS

Category

Frontend

Sub Category

"animations"

Is there any existing issue for this?

• I have searched the existing issues

Description

I just noticed, the deign is breaking for some of the components in mobile view, which is not looking good at all.

specific requirements

It should take full width of the screen.

Screenshots

current:

it should be like:

Any additional information?

No response

What browser are you seeing the problem on?

No response

URL

https://kaboompics.com/

Description of the above provided site

It allows users to search pictures by color and provides a complementary palette of colors in the photo.

Category

Frontend

Sub Category

"images"

Is there any existing issue for this?

• I have searched the existing issues

Description

I noticed most of the URL links on the different cards have different URL formats,
E.g

• Sample 1: https://unsplash.com/ [this contains www]
• Sample 2: https://www.fontsquirrel.com/ [This doesn't]

Screenshots

No response

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

What would you like to share or ask?

I would like to suggest a higher constrast between the "Links" text in the header for improved visibility.

Additional information

No response

Is there any existing issue for this?

• I have searched the existing issues

Description

Cards are not clickable on tablet and mobile screens.

Screenshots

No response

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

Hello,

Visit site buttons are not working and they are also an HTML button element but should be as best practice should be a tags.

What would you like to share or ask?

Fixed a typo in the README.md file. Changed "Prerequists" to "Prerequisites".

Additional information

No response

Description

The more elements we are adding in sidebar, the more it's getting difficult to search between components.

Specific requirements

1. Add a input bar (search bar) at top of sidebar
2. Background color should be transparent
3. Should start searching as user starts typing
4. Should render search results in sidebar itself

Screenshots

No response

Additional Information

No response

URL

https://godly.website

Description of the above provided site

A curated collection of good web design from all over the web

Category

Frontend

Sub Category

"design inspiration"

What would you like to share or ask?

I just noticed, when card have a long description it's increasing card length, which is not good.

Specific requirements

• add fixed length to link card
• hide description if it contains more than 12-15 words

Additional information

Description

Hi, currently we don't have any footer in our project, and the looks incomplete without footer.

Specific Requirements

• should be sticky at bottom
• should not affect other components
• should also contain GitHub icon and it should point to this URL https://github.com/rupali-codes/LinksHub/

Screenshots

No response

Additional Information

No response

On mobile especially you cannot scroll to the bottom elements of the sidebar.

Is is also really hard to target the sidebar for scroll using touch.

URL

https://www.uifaces.co/

Description of the above provided site

UI Faces aggregates various free avatar placeholder sources that you can use in your design
mockups by copy & paste, API, and plugins for Sketch, Adobe XD, and Figma.

Category

Frontend

Sub Category

"images"

The unDraw link in the data.ts file is wrong, it should be https://undraw.co/illustrations

Description

Here we could add all the websites which help in generating CSS.
Like for example

https://neumorphism.io/#e0e0e0
https://hype4.academy/tools/glassmorphism-generator
https://uiverse.io/switches
https://www.cssportal.com/css-generators.php
https://enjoycss.com/start#box
https://cssgenerator.org/

Screenshots

No response

Additional Information

No response

Add this https://github.com/rupali-codes/LinksHub link to site along with github logo.

Add light & dark mode to the site, and it should have a switchable button.

Use the following package to implement it:
https://www.npmjs.com/package/next-themes

The website currently does not have any indication that it is loading or processing data. This can make it difficult for users to know when the page is done loading and ready for interaction.

Specific requirements

• Display the spinner in the center of the page while the page is loading.
• Make sure the spinner is only visible while the page is loading and disappears when the page is fully loaded.

Hints

• React spinners library
• Material Design spinner
• DaisyUI

URL

https://react-icons.github.io/react-icons/

Description of the above provided site

React-icons is a small library that helps you add icons to your React apps. All of the icons are SVG.

Category

Frontend

Sub Category

"icons"

Is there any existing issue for this?

• I have searched the existing issues

Description

LinksHub home root overlapping the sidebar for mobile view which is not good for user experience.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

No response

Is there any existing issue for this?

• I have searched the existing issues

Description

When clicking a sidebar link pixels appear in the left corners of the element.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

Chrome, Microsoft Edge

What would you like to share or ask?

Additional information

No response

URL

https://coolors.co/

Description of the above provided site

Coolors is the essential tool for creating and collecting color palettes.

Category

Frontend

Sub Category

"colors"