Skip to content

DhruvJohri/frontend-url-shortner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔗 URL Shortener

CI npm license Live Preview


⚡ What’s this?

A ✨ full-stack URL Shortener ✨ that turns your long, boring links into short & aesthetic ones.
Built with React (Vite) + Node.js + MongoDB, because we don’t do mid tech here.


🛠️ Tech Stack

  • 🎨 Frontend: React + Vite + TailwindCSS + TanStack Query + Redux Toolkit
  • ⚙️ Backend: Node.js + Express + MongoDB + JWT Auth
  • ☁️ Deployment: Vercel (frontend) + Render/Heroku (backend)
  • 🧩 Utils: Axios, ESLint, Nanoid

🔥 Features

✅ Shorten long URLs like a pro
✅ Secure Login / Signup with JWT
✅ Dashboard with all your 🔗s
✅ Click tracking (who’s vibin’ with your link)
✅ Copy to clipboard in 1 click
✅ Fully responsive UI (mobile-first, duh)


🚀 Live Demo

👉 frontend-url-shortner.vercel.app


🎯 Screenshots

📸 Add some cool screenshots here of Login, Dashboard, and Shortener Form.


🧑‍💻 Setup Locally

# Clone the repo
git clone https://github.com/your-username/frontend-url-shortner.git

# Go to project
cd frontend-url-shortner

# Install deps
npm install

project-root

┣ 📂 backend   # Express + MongoDB + JWT Auth
┣ 📂 frontend  # React + Vite + Tailwind
┣ 📂 logs      # Debug & cron logs
┗ README.md

🤝 Contributing

PRs are welcome 💌. Just fork → code → PR → flex 🚀

📜 License

MIT

– free to vibe with 🌍

💡 Made with ❤️ + ☕ by Dhruv Johri

About

A ✨ full-stack URL Shortener ✨ that turns your long, boring links into short & aesthetic ones.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published