An open API service indexing awesome lists of open source software.

https://github.com/anurag-prajapati34/quicklink

QuickLink is a powerful web app designed to provide URL service like shorten long URLs, generate QR codes, and provide comprehensive analytics about their usage. Built using modern technologies like React.js, Node.js, Express.js, and MongoDB, QuickLink makes managing your URLs easier, faster, and smarter!
https://github.com/anurag-prajapati34/quicklink

sas-software url-management url-services url-shortener webapp

Last synced: about 1 year ago
JSON representation

QuickLink is a powerful web app designed to provide URL service like shorten long URLs, generate QR codes, and provide comprehensive analytics about their usage. Built using modern technologies like React.js, Node.js, Express.js, and MongoDB, QuickLink makes managing your URLs easier, faster, and smarter!

Awesome Lists containing this project

README

          

โšก QuickLink - URL Shortener Web App

QuickLink is a powerful web app designed to shorten long URLs, generate QR codes, and provide comprehensive analytics about their usage. Built using modern technologies like React.js, Node.js, Express.js, and MongoDB, QuickLink makes managing your URLs easier, faster, and smarter!

๐ŸŒ Live Demo : QuickLink

โœจ Features



  • ๐Ÿ”— URL Shortening: Quickly shorten long and complicated URLs into easy-to-share, short links.

  • ๐Ÿ“Š Analytics: Get detailed insights into whoโ€™s clicking your linksโ€”track clicks, devices, browsers, and operating systems in real-time.

  • ๐Ÿ“… Time-based Filters: View analytics by date ranges like last seven days, or complete.

  • ๐Ÿ“ฑ QR Code Generation: Instantly generate a QR code for every shortened URL for easier sharing across devices.

  • โš™๏ธ Responsive Design: Optimized for use across all devicesโ€”whether itโ€™s mobile, tablet, or desktop.

๐Ÿš€ Tech Stack




  • Frontend: React.js, Tailwind CSS, Vanila CSS


  • Backend: Node.js, Express.js


  • Database: MongoDB


  • Version Control: Git, GitHub


  • Deployment: Render


  • Libraries: Rechart.js, ApexChart.js etc.

๐ŸŒŸ Screenshots


Caption: Home Page

![Home page](url-shortner/src/assets/home_page.png)

![Features](url-shortner/src/assets/Features.png)

Caption:Analytics page

![Analytics page](url-shortner/src/assets/analytics_page.png)

![Performance Area chart](url-shortner/src/assets/analysis1.png)

![Performance Bar chart](url-shortner/src/assets/analysis2.png)

![Device and Browser](url-shortner/src/assets/analysis3.png)

![Met info](url-shortner/src/assets/meta_info.png)

Caption:QR Generation page

![Qr page ](url-shortner/src/assets/qr_page.png)

![generated QR](url-shortner/src/assets/qr.png)

๐Ÿ“ž Contact


Got questions? Feel free to reach out!