Linklytics: URL Shortener with Analytics

Linklytics is a user-friendly URL shortener that not only simplifies sharing links but also provides powerful analytics to help you understand your audience. With Lynklytics, you can easily shorten long URLs while gaining valuable insights into link performance, including click locations and device usage. Built with modern technologies like React, React Context API, Supabase, ShadCN, and Recharts.

Video Demonstration

Check out the video demonstration of Linklytics here: Video Demo.

Live Demo

Try out the Linklytics app live here.

Key Features

• URL Shortening: Shorten long URLs to make them easier to share and track.
• QR Code Generation: Automatically generates QR codes for each short URL.
• Analytics Dashboard: Provides detailed reports on user clicks, including location and device data.
• Custom Links: Option to create custom short links instead of auto-generated ones.
• CRUD Operations: Easily edit, copy, download, and delete URLs.
• Fast & Secure: Built with Supabase for fast and secure storage.
• Mobile Responsive: Fully responsive for mobile and tablet use.

Technologies Used

• Frontend: React with Context API and ShadCN for UI components.
• State Management: React Context API
• Backend & Database: Supabase for real-time data storage and authentication.
• Data Visualization: Recharts for displaying click analytics.
• Routing: React Router

Installation & Prerequisites

Node.js

npm or yarn

Setup

Clone the repository:

git clone https://github.com/vardaan-bhatia/LinkLytics.git
cd linklytics

Install dependencies:

npm install
# or
yarn install

Set up environment variables:

Create a .env file in the root of the project and add the following variables:

REACT_APP_SUPABASE_URL=your_supabase_url
REACT_APP_SUPABASE_ANON_KEY=your_supabase_anon_key

Start the development server:

npm run dev
# or
yarn dev

Screenshots