urdadx / librelinks Goto Github PK
View Code? Open in Web Editor NEWAn opensource link in bio tool for everyone ๐ช
Home Page: https://librelinks.me
An opensource link in bio tool for everyone ๐ช
Home Page: https://librelinks.me
Drag and drop doesn't work on mobile devices
Add more color themes from DasiyUI themes and add the ability to create a custom theme. Users should also be able to add custom background images or video clips etc
Replace react-hot-toast with Sonner . Sonner aligns more with the design and aesthetic of the site
No response
Add links header for categorizing links
The layout of the page abruptly disrupts sometimes
When I click on the button to upload a profile photo, it just shows a toaster notification instead of opening the window to select the image.
@urdadx I will configure this project with husky
with pre-commit
hook so that every commit is automatically formatted.
Re-write the URL validation regex
Create OG images for various social media platforms Learn more here
As an example, I initially added this as a Medium link, but it seems the logo doesn't display. Now, my intention is to transform it into a regular button. If there had been the same toggle button available during the initial link creation, I could have effortlessly made the change. However, I had to manually create a new one and remove the old link.
This scenario isn't unique; at times, individuals might want to convert their social media links into buttons.
First of all, Great work! this is a really good project. But i just can't seem to make the analytics work. I now encountered an issue
data: {
error: "The pipe 'libre_device_tracking' does not have an endpoint yet",
documentation: 'https://docs.tinybird.co/api-reference/pipe-api.html'
}
and i dont understand, do we need to create a data source in tinybird also? or maybe can someone guide me with this analytics?
Thank you
Add the share button to the top-left of the page as illustrated above. When clicked, the button should reveal a modal with options:
The Modal should look something like this๐ (you can re-use the share-modal component) :
Make it responsive both on mobile and desktop
No response
a
Add custom tooltips for charts. The default ones are ugly
The layout of the page abruptly disrupts sometimes
Separate the share modal into two togglable tabs. Use Radix UI Tabs Component for this.
One tab is for sharing by link, and the other by QR code.
Allow the user to download the QR code.
Add the functionality for users to add custom fonts to the page. Use 25 most used Google fonts as basis..More fonts to come soon.
When someone creates a pull request, they currently receive a blank template, which requires them to manually input details like issue numbers and screenshots.
By implementing a pull request template, we can streamline this process. Contributors won't need to think about what to include; they can simply provide the necessary information.
Additionally, we could also consider adding 1-2 issue templates. These would help create clear and tailored issue reports for various purposes.
I would like to work on this
Currently, the truncation method used for bio is not ideal; we need to find a way to display the entire bio to the user.
Proposal: When a user clicks on the three dots, they will be presented with the following interface for desktop and tablets:
For mobile devices, we will use this interface:
On the desktop, it appears as follows:
Meanwhile, on smartphones, it looks like this:
Which is not good in my opinion.
Write a better nextauth middleware logic. The default one on the nextauth documentation causes issues
When a user visits https://librelinks.vercel.app/Priyanshu
, it should automatically redirect them to https://librelinks.vercel.app/priyanshu
. Additionally, the system should enforce the rule that usernames cannot contain capital letters, as usernames are treated as links.
For example, on GitHub, https://github.com/PriyansuMaurya
and https://github.com/priyansumaurya
both lead to the same profile.
Microsoft Edge
Use uploadthing to handle image storage. The current implementation works by converting the image into a base64 string and then storing that string in the db. This is not efficient.
This is how the mobile version of the links page should appear, but in reality It is not responsive for either tablets or mobile phones.
This is precisely what I would like to fix.
You can also watch a video demonstrating the same here:
Microsoft Edge
Instead of directing users to https://twitter.com/, why not send a default message when redirecting them? This will increase the chances of sharing it on social media. We should implement this not only for Twitter but also for other social media platforms.
Click on this link: Share on Twitter
We can also use this link to generate a shareable link: https://www.sharelinkgenerator.com/
Use a drawer like UI for the preview section instead of a dialog modal
.
The first time I logged in via GitHub, today I signed out (just for checking), and I logged back in. Then I encountered this issue: all social media and links were not getting fetched; I could only see the loading skeleton.
This issue occurred both on the actual page and the admin page.
To address this problem, I thought, 'Let's delete the account and create it again.' However, after deleting it, I am now unable to sign up using both GitHub and Google.
Note: I cannot provide more screenshots as I am unable to sign up to demonstrate the issue.
Use loading skeletons instead of spinners on the admin page to simulate delays when loading data. This is more clean and intuitive for the end user.
We can use npm packages like react-loading-skeleton for this or create a custom one.
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.