Skip to content

Repository files navigation

🔗 URL Shortener

A modern URL Shortener built with React, Vite, Supabase, and Tailwind CSS. It allows users to create short links, manage them, generate QR codes, and redirect users instantly.

🚀 Features

  • 🔐 User Authentication (Login & Signup)
  • 🔗 Create Short URLs
  • ⚡ Instant Redirection
  • 📋 Copy Short Link
  • 🌐 Open Original URL
  • 📱 QR Code Generation
  • 🎨 Responsive UI
  • ☁️ Supabase Database Integration

🛠️ Tech Stack

Frontend

  • React
  • Vite
  • Tailwind CSS
  • React Router DOM
  • Shadcn/UI
  • Lucide React Icons

Backend

  • Supabase
  • PostgreSQL (via Supabase)

📂 Project Structure

src/
│── components/
│── pages/
│── db/
│── hooks/
│── layouts/
│── lib/
│── App.jsx
│── main.jsx

⚙️ Installation

Clone the repository

git clone https://github.com/https://github.com/lovishmenaria14-gif/url-shortener.git

Go into the project

cd url-shortener

Install dependencies

npm install

Run the development server

npm run dev

🔑 Environment Variables

Create a .env file in the root directory.

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

🚀 Deployment

Deploy easily on:

  • Vercel

Build the project

npm run build

Preview production build

npm run preview

✨ Future Improvements

  • Link Analytics
  • Custom Short URLs
  • Password Protected Links
  • Link Expiration
  • Click Statistics
  • Dark/Light Theme
  • User Dashboard Enhancements

🤝 Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create a new branch
git checkout -b feature-name
  1. Commit your changes
git commit -m "Added new feature"
  1. Push your branch
git push origin feature-name
  1. Open a Pull Request

👨‍💻 Author

Lovish Menaria

GitHub: https://github.com/lovishmenaria14-gif


⭐ If you found this project helpful, consider giving it a star!

About

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages