Skip to content

I built this project as a way to sharpen my skills and deepen my understanding of web development. It took me about one month of consistent effort — from designing the interface to writing the logic and getting everything deployed. You're welcome to download it, use it, or even build on top of it. It's open to everyone!

Notifications You must be signed in to change notification settings

asimhusain-ai/URL-Shortener..QR-Gnerator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

🔗 TinyURL Clone

A simple, fast, and reliable URL shortener that makes sharing links effortless. Create a short link in seconds, generate a QR code for it, and share it anywhere.


📌 What’s This Project About?

The idea behind this TinyURL clone is to simplify link sharing. Instead of dealing with long, cumbersome URLs, you can instantly create a concise link and a corresponding QR code. Whether you're sharing on social media, in a document, or just tidying up your links, this tool helps you do it quickly and without any fuss.


NOTE: Almost 60% Code is written through Vibe Coding [LLMs, Python Website and Other Resources]

🌐 Live Demo [RENDER]

👉 https://tinyurl-chvx.onrender.com


✨ Key Features

  • ✂️ Shorten URLs: Instantly convert long URLs into short, shareable links.
  • 📱 QR Code Generation: Automatically generate a QR code for every shortened link.
  • 📊 Click Analytics (Optional): Track basic click statistics for your links.
  • 🖥️ Responsive Design: Works seamlessly on both desktop and mobile devices.
  • 🌍 Accessible Anywhere: Hosted online for easy access from any location.

📡 Tech Stack

Area Tools & Technologies
Frontend HTML5, CSS3, JavaScript (Vanilla)
Backend Node.js, Express.js
Database MongoDB
APIs QR Code API, Plotly.js / Chart.js (for analytics)
DevOps Git, GitHub, Render

⚠️ A Note on Hosting

This project is hosted on Render’s free tier, which makes it accessible to everyone. However, keep in mind:

  • Cold Starts: The server may take a few seconds to respond after inactivity.
  • Traffic Delays: High traffic might cause temporary slowdowns.

🛠️ Challenges Faced

  • Backend routing without conflicts.
  • URL validation for malformed/invalid inputs.
  • Smooth QR Code API integration.
  • Cross-browser compatibility.
  • Secure deployment with environment variables.

📚 What I Learned

  • Full-stack development with Express.js.
  • Effective use of third-party APIs.
  • Robust form validation and user input handling.
  • Cloud deployment on Render.
  • Performance optimization for a responsive UX.

👨‍💻 Made By

Made with ❤️ by Asim Husain www.asimhusain.dev


📄 License

This project is licensed under the MIT License.
Feel free to fork, modify, or build upon it! See the LICENSE file for details.

About

I built this project as a way to sharpen my skills and deepen my understanding of web development. It took me about one month of consistent effort — from designing the interface to writing the logic and getting everything deployed. You're welcome to download it, use it, or even build on top of it. It's open to everyone!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published