Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vardaan-bhatia/linklytics
Lynklytics is a user-friendly URL shortener that provides powerful analytics to track link performance and audience insights.
https://github.com/vardaan-bhatia/linklytics
context-api reactjs recharts-js supabase urlshortener
Last synced: 18 days ago
JSON representation
Lynklytics is a user-friendly URL shortener that provides powerful analytics to track link performance and audience insights.
- Host: GitHub
- URL: https://github.com/vardaan-bhatia/linklytics
- Owner: vardaan-bhatia
- License: mit
- Created: 2024-09-30T15:35:02.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-23T22:28:01.000Z (26 days ago)
- Last Synced: 2024-10-24T11:34:20.683Z (25 days ago)
- Topics: context-api, reactjs, recharts-js, supabase, urlshortener
- Language: JavaScript
- Homepage: https://linklytics.netlify.app/
- Size: 216 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **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](https://youtu.be/B4H900xjVRQ).
## **Live Demo**
Try out the Linklytics app live [here](https://linklytics.netlify.app/).
## **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:
```bash
git clone https://github.com/vardaan-bhatia/LinkLytics.git
cd linklytics
```
Install dependencies:
```bash
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:
```bash
npm run dev
# or
yarn dev
```
## **Screenshots**
