mini.link is a modern URL shortener app that lets users create short links, track click analytics, and manage QR codes — all with a clean and responsive UI. Built using React + Vite, Supabase, and Tailwind CSS, it offers real-time link stats, device detection, and a smooth dashboard experience.
- Frontend: React + Vite, Tailwind CSS, ShadCN UI
- Backend-as-a-Service: Supabase (auth, database, API)
- QR Code Generation: react-qrcode
- Validation: Yup
- Analytics Charts: Recharts
- 🌐 Landing Page – Includes FAQs and intro to the app
- 🔐 Authentication – Sign in and Sign up using Supabase
- 🧩 Dashboard – Manage your short links
- Copy short link
- Download QR code
- Delete link
- 📊 Analytics Page – Track link performance with:
- Number of clicks
- Visitor location (country)
- Device type (desktop, mobile, tablet)
- 📎 QR Code Support – Every short link gets a downloadable QR code
Before you begin, make sure you have:
- Node.js (v18 or later) – Download
- npm or yarn
- Supabase project – Create one
git clone https://github.com/lipika1911/mini-link.git
npm install
Create a .env file in root directory and configure the following:
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_BASE_URL = your_vite_base_url
npm run dev
- Open http://localhost:5173 in your browser.
- Register a new user and start using Bloggr!
For feedback, ideas, or collaborations, reach out:
- 💻 GitHub: lipika1911
This project is licensed under the MIT License.
Made with ❤️ by Lipika