LinkClip is a URL shortener application designed to make sharing links more convenient. Built with React, Tailwind CSS, shadcn, and Supabase for the backend, this project aims to offer a smooth and efficient user experience for creating, managing, and tracking shortened URLs.
- Shorten URLs: Quickly generate short URLs for easy sharing.
- QR Code Generation: Automatically generate a QR code for each shortened link.
- Click Tracking: Monitor the number of clicks each shortened URL receives.
- Link History: Keep a history of all the URLs you have shortened.
- User Authentication: Users can sign up, log in, and manage their links securely using Supabase authentication.
- Statistics Tracking: Track total clicks and gather location data for each click.
- React: For building the user interface.
- Tailwind CSS: For styling the application.
- shadcn: For component styling and design.
- Supabase: Backend services for database management, authentication, and real-time data.
- Node.js and npm installed on your machine.
- A Supabase account and project set up.
- Clone the repository:
git clone https://github.com/QyperXit/linkclip cd linkclip
- Sign Up/Login: Use the authentication features powered by Supabase to sign up or log in.
- Shorten a URL: Enter a long URL to generate a shortened link.
- Manage Links: View your shortened links, track clicks, and see link history.
- QR Codes: Access the QR code for any shortened URL for easy sharing.
- Statistics: Check the total clicks and location data for each shortened link.
Learning Experience
This project is my first time using Supabase. The goal was to practice and explore different backend alternatives. Supabase has provided an excellent platform for authentication, database management, and real-time data handling, making it a valuable learning experience.