LinksHub aims to provide developers with access to a wide range of free resources and tools that they can use in their work. These resources include links to free software, libraries, frameworks, and other tools that can be used to build and deploy applications and websites.
Home Page: https://linkshub.dev
License: MIT License
Rupali is a Full stack developer specialized in Javascript. Currently working as an Implementation Speciallist at CareerBuilder, she's is not only dedicated to her role but also contributing & growing with the open-source community. She's Building in Public and open for collaboration & opportunities to connect.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
A curated collection of good web design from all over the web
Frontend
"design inspiration"
Explore the world’s leading design portfolios
Frontend
"design inspiration"
I have a doubt about whether to create a new file for it or continue with the current one [ ../../database/data ] we already have.
No response
No response
The unDraw link in the data.ts file is wrong, it should be https://undraw.co/illustrations
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!
For example one of my earlier contributions :
Add this https://github.com/rupali-codes/LinksHub link to site along with github logo.
##Bug
No response
Chrome
No response
There is some vertical overflow in the design-inspiration subcategory on mobile view
No response
Firefox
it'll make managing bugs and new feature requests a lot easier!
Fixed a typo in the README.md file. Changed "Prerequists" to "Prerequisites".
No response
It allows users to search pictures by color and provides a complementary palette of colors in the photo.
Frontend
"images"
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.
Current:
To be changed:
No response
No response
Coolors is the essential tool for creating and collecting color palettes.
Frontend
"colors"
A tool to create visual type scales - sets of font sizes that follow good-looking proportions
Frontend
fonts
Some Spelling mistakes need to be fixed in the Readme file.
Line numbers 2 and 39
No response
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.
Add text-violet-500 this color when hovered on Github or theme icons.
No response
A tool for visualisation and creation of cubic-bezier curves for animation in CSS
Frontend
"animations"
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.
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/
No response
No response
LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.
Frontend
"animations"
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.
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.
No response
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.
I just noticed, the deign is breaking for some of the components in mobile view, which is not looking good at all.
It should take full width of the screen.
current:
it should be like:
No response
No response
LinksHub home root overlapping the sidebar for mobile view which is not good for user experience.
No response
No response
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
I will love to add this feature as my first open source contribution
Hi, currently we don't have any footer in our project, and the looks incomplete without footer.
bottomGitHub icon and it should point to this URL https://github.com/rupali-codes/LinksHub/No response
No response
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.
No response
No response
I just noticed, when card have a long description it's increasing card length, which is not good.
Cards are not clickable on tablet and mobile screens.
No response
No response
Chrome
Sidebar links are currently generating an HTML warning. We should change these to instead of to follow coding guidelines.
No response
No response
No response
When clicking a sidebar link pixels appear in the left corners of the element.
No response
Chrome, Microsoft Edge
The website currently does not have any hover effects on elements, this can make it less interactive and less engaging for users.
As we are using TailwindCSS and if you are new to it, don't worry just go through this
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.
Frontend
animations
The more elements we are adding in sidebar, the more it's getting difficult to search between components.
No response
No response
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.
https://react-icons.github.io/react-icons/
React-icons is a small library that helps you add icons to your React apps. All of the icons are SVG.
Frontend
"icons"
Sidebar is not sorted as of yet, it would be nice if we will display this in Alphabetical ascending order.
No response
Add a contributors section to the README file that lists all contributors to the project.
Use the below link to get faces of all contributors
https://contrib.rocks/image?repo=rupali-codes/LinksHub
No response
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
I would like to suggest a higher constrast between the "Links" text in the header for improved visibility.
No response
I noticed most of the URL links on the different cards have different URL formats,
E.g
No response
No response
Chrome
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 :)
No response
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.
Frontend
"images"
Some spelling mistakes need to be fixed.
Line number 2 and Line number 39.
No response
I think we should replace nextjs' default favicon with our own.
1001 fonts is a platform that offers 42933 free fonts in 24214 families · Free licenses for commercial use · Direct font downloads · Mac · Windows · Linux.
Frontend
fonts
components/LinksConatiners
This repo name has a Spelling Error, needs to be changed to components/LinkContainers
No response
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.