MiniUrl is a powerful tool for creating custom short links with integrated QR code generation, making sharing more accessible and efficient. With its robust dashboard and detailed analytics, you can track link performance effortlessly.
- Smooth QR Code Generation: Effortlessly generate QR codes via a user-friendly interface.
- Comprehensive Dashboard: Manage all your links in one place, track total link counts, and analyze detailed performance metrics.
- Custom URL Creation: Personalize your URLs for brand recognition and memorability.
- Detailed Link Analytics: Gain insights into each link's performance, including device types and geographic locations of clicks.
- Responsive Design: Experience seamless performance across all devices, including desktops, tablets, and mobile phones.
- Light and Dark Mode Toggle: Choose between light and dark themes for a customized viewing experience.
- Frontend: React, Tailwind CSS
- Backend: Supabase
- Build Tool: Vite
This project uses Vite as its build tool. Follow these steps to run MiniUrl on your local machine:
-
Clone the repository:
git clone https://github.com/thearnavagg/miniurl.git
-
Navigate to the project directory:
cd miniurl -
Install the necessary dependencies:
npm install
-
Start the Vite development server:
npm run dev
To run this project, add the following environment variables to your .env file:
VITE_SUPABASE_URL: The URL of your Supabase project to connect your app to the backend.VITE_SUPABASE_ANON_KEY: Your Supabase anonymous public API key for secure interaction with the database.VITE_URL_LINK: Your localhost or domain URL for website targeting and display.
- Add user authentication with OAuth providers
- Improve link expiration feature
This project wouldn't have been possible without the following amazing open-source libraries and tools:
- Supabase - An open-source backend as a service that provides a complete backend system.
- Tailwind CSS - A utility-first CSS framework for creating highly customizable and responsive designs.
- ShadCNUI - A set of accessible, minimalistic, customizable components for building user interfaces.
- react-qrcode-logo - A React component for generating customizable QR codes.
- recharts - A charting library built with React and D3.
- ua-parser-js - A library for parsing browser user-agent strings.
- react-icons - Popular icons as React components.
- Lottie-web - A library for rendering animations on the web.
- browser-image-compression - A client-side JavaScript image compression library.