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

https://github.com/devgoyalg/shrinklink

ShrinkURLs is an easy-to-use URL shortener that helps you create short, shareable links quickly.
https://github.com/devgoyalg/shrinklink

bitly custom-url-shortener shorturl shrinkurls url-analytics url-monitor url-shortener url-shortner

Last synced: about 1 year ago
JSON representation

ShrinkURLs is an easy-to-use URL shortener that helps you create short, shareable links quickly.

Awesome Lists containing this project

README

          

![Star Badge](https://img.shields.io/static/v1?label=%F0%9F%8C%9F&message=If%20Useful&style=flat&color=BC4E99)
![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)
[![View My Profile](https://img.shields.io/badge/View-My_Profile-green?logo=GitHub)](https://github.com/DevGoyalG)
[![View Repositories](https://img.shields.io/badge/View-My_Repositories-0A66C2?logo=GitHub&logoColor=white)](https://github.com/DevGoyalG?tab=repositories)

🔗 ShrinkURLs – Custom URL Shortener ✂️

![Demo App](https://github.com/DevGoyalG/ShrinkLink/blob/main/ShrinkURLs.png)

## 🌟 Highlights:

- ⚡️ Built with React & Vite for blazing fast frontend development
- 🎨 Stylish UI using Tailwind CSS & Shadcn UI components
- 🔒 Authentication and user management powered by Supabase Auth
- 🔗 URL Shortening with real-time feedback and analytics
- 💾 Supabase PostgreSQL for persistent, scalable storage
- 🌐 Hosted seamlessly on Vercel
- 🎭 Modern React architecture with hooks and context API

## ✨ Features

- **Shorten Long URLs**: Easily convert long URLs into short, shareable links.
- **Authentication**: Secure login/signup with Supabase Auth.
- **Responsive UI**: Smooth experience across all devices.
- **User Dashboard**: View analytics and manage your shortened URLs.

## Setup .env file

```env

# Database
VITE_SUPABASE_KEY =
VITE_SUPABASE_URL =

```

## 🧩 Getting Started

1. Clone the repository:

```shell
git clone https://github.com/DevGoyalG/ShrinkLink.git
cd ShrinkURLs
```

2. Install dependencies:

```shell
npm install
```

3. Set up your environment variables as shown above
4. Run the development server:

```shell
npm run dev
```

5. Open [http://localhost:3000](http://localhost:3000) in your browser

## 🚀 Deployment

This application can be easily deployed to Vercel:

```shell
npm run build
npm run start
```

Or connect your GitHub repository to Vercel for automatic deployments.

## 🚀 Technologies Used

- **React & Vite**: Fast, modern frontend framework and build tool
- **Tailwind CSS & Shadcn UI**: Utility-first CSS and prebuilt UI components
- **Supabase**: Backend as a service for authentication and database
- **Vercel**: Deployment and hosting platform

## 📚 Learn More

To learn more about the technologies used in this project:

- [Next.js Documentation](https://nextjs.org/docs)
- [Clerk Documentation](https://clerk.com/docs)
- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
- [Shadcn UI Documentation](https://ui.shadcn.com/docs)
- [Supabase Documentation](https://supabase.com/docs)

## 🤝 Connect with Me


GitHub

 

LinkedIn

 

Instagram

 

Twitter

---


Thank you for visiting! Happy Learning 🚀