origranot / reduced.to Goto Github PK

As A Shortened URL creator, I need to copy the shortened URL as a QR Code

this should be useful for sharing the URL in printable scannable formats, it saves additonal step of using another service to generate QR code.

Acceptance Criteria

• After creating a shortened URL, display button suggests if need to get QR format copy
• button should be clickable and after click on it, it should generate a QR version of shortened url and displays it
• QR image should be copied to clipboard and notify user about successful copy in clipboard.
• QR image should not be stored on server in order not to consume space.

Currently, the items are placed at the top. So there is lot of negative space from top.
We can make it center aligned to properly utilize the space.

I made button prettier and cool with a better hover effect

Currently data is being stored in memory which can get deleted if the server restarts. Storing data externally to a database will keep data safe. Redis is a good solution, given the data we have is a key value pair.

I have made these changes.

Please check this PR

The app is not generating shorl url link and keeps displaying This url is invalid...

The entered url: https://github.com/JunDevHarsh/amazon-clone.

I can add animations to the frontend and i can also improve the ui using tailwind

It might look great to have a favicon of the website!

Enhancing the README.md file furthuremore by adding the contributors list.

Hey, I would like to work on improving the UI design for the web application. Please assign me this issue

Currently it gives an "Invalid URL" error when a url is entered (without http or https)

So to fix this, in this PR i just added "https://" to the url if it doesn't start with the same.
This will also be checked later on, as usual
image

Hey guys, we need to add some tests to our project.
This should cover the tests on the shortener.controller.ts

When you paste the link and it's shortened, the page it redirects to has https:// in it twice

Steps to reproduce:

1. Type in a link and press "Shorten URL"
2. Copy URL and paste in browser

Screenshots

In Order to make a value for this App not to be another URL shortener, I believe we need to add some numbers.

As A short URL creator I need to track some statistics for the link I just created, I suggest the following number:

• Number of Times this link was opened.
• Geolocation, or list of Referrals where as this link was opened from.

Acceptance Criteria

• Create a link details page at URL <domain>/<shortened_link>/stats.
• this page should display the number of times this link was opened.
• this page should display a brief of maximum 5 referral links that led to this link.
• this page should be publicly accessible.

I would like to work on this issue!

As A Shortened URL creator I need to create custom shortened links.

This is useful for premium users and advanced users.

Acceptance Criteria

• User should be able to click create custom link button
• user should enter custom link.
• custom link should be validated not to be duplicate, and fulfills length and character validation

I would like to add CODE_OF_CONDUCT.md to this repo..

Hey guys, we need to add some tests to our project.
This should cover the tests on the shortener.service.ts

On clicking the display message of invalid link it says "Link has been copied to the clipboard" which doesn't make any sense

Here is the video displaying the issue -

I can fix this issue and create a PR

Hey guys,

We migrated to NestJS on our previous pr.
We need to change the installation paragraph at the readme.

Hello! I saw that there's a docker file that's missing. Its better to have a docker of your application so that its easy to setup on any environment with just docker installed.
I can work on that, as a part of hacktoberfest and contribute towards url-shortner :-)

I would like to work on this issue!

Help

As @origranot said, we should migrate to a frontend framework.
I could work on migrating to 🔰Vue.js

I personally prefer Vue.js over React.js as it is so powerful framework and has a softer learning curve and its gaining more popularity over the time, if you prefer to migrate to React close this issue and let's wait for someone interested.

Star History

We can add a button on the top bar for switching themes

Hey, I would like to implement a better UI. Can you please assign me this

Glowing individual texts using css snimation property to enhance the ui

I can add a favicon icon to the website. Please assign me this.

Add a live link of the project to the readme or about page

Currently, the app is shortening the URL provided by the user irrespective of being valid or invalid.
The URL should be verified before shortening it.
If URL does not exist "Invalid URL" message should be shown.

Hey @origranot, assign this issue to me i will add code of conduct, and also add Hacktoberfest tag

HI, I'm thinking that maybe clearing input field after shortening url world create a better user experience for those who have more than one url to shorten?
Currently, users have to delete their input if they want to shorten another link (like the screenshot below).

Does this sound like a good idea to you? if so, I'm willing to make this small change.

As I see heroku app is broken after converting the project to Typescript.

We need to specify some extra arguments to help him load the project.

I will create a PR adding this settings, can you assign me this task?

add a footer to the section which makes the app a better visual impact.
kindly assign me the same. I am interested in working on this.

It would be great if we can move it to an MVC framework for backend.
AdonisJs ( https://github.com/adonisjs/core ) is a great one.
Let me know your thoughts @origranot

Issue:
After merging PR #64 , the directions in "HOW TO INSTALL " section in README.md is not working.

it is node app.js but it won't work, after making nextjs configurations. So I have to change this

to

npm start

I would like to add a popup animation when the link is copied , also please assign me this issue if you want me to work on it

Hello all!

I saw on the README.md, the suggestion to include the dark mode switch button.

I would like to work on this. I thought about leaving the light mode this way, what do you think?

If it's ok, you can assign this issue to me. I will include this.

https://github.com/layer5io/layer5/blob/master/README.md

I can design a readme file for this project to get better reach and clear understanding.
Here is a sample for reference purpose.

https://github.com/origranot/url-shortener/blob/dd5979e840b851371aa8d886f7b34c6c38f35455/Dockerfile#L21

Hey @origranot wouldn't it be great if we use multistage build and build our application? Currently to build the docker image we are just copying the files and running the app in development without building it. I can implement that, please let me know your view to this and if you agree please assign me.

This might seem a bit extra but I wanna try adding confetti animation when the URL is copied