Skip to content

A simple and efficient URL shortener built using React.js, Supabase, ShadCN, and Tailwind CSS. This application allows users to shorten long URLs into compact links for easier sharing and management.

Notifications You must be signed in to change notification settings

aakashsharma7/URL-Shortner

Repository files navigation

🚀URL Shortener

A sleek, minimal, and efficient URL shortener built with React.js, Supabase, ShadCN UI, and Tailwind CSS. This application allows users to shorten long URLs into compact, shareable links with a modern and responsive interface.

📌 Features

🔗 Shorten Long URLs: Easily convert lengthy URLs into shorter ones. 🌐 Responsive Design: Built with Tailwind CSS and ShadCN UI for a modern, mobile-friendly interface. 🔒 Real-Time Database: Powered by Supabase, ensuring fast and reliable URL storage. 📊 Analytics: Track how many times each shortened URL has been accessed (coming soon). 🛠️ Tech Stack React.js: Front-end JavaScript library for building the UI. Supabase: Backend as a service for real-time database, authentication, and storage. ShadCN UI: A utility-first UI framework for creating beautiful interfaces. Tailwind CSS: Utility-first CSS framework for styling. 🚀 Getting Started Follow the steps below to set up and run the project locally.

Prerequisites

Before you begin, ensure you have the following installed on your system:

  1. Node.js (v14 or higher)
  2. npm or yarn
  3. A Supabase account

Installation

  1. Clone the repository
  2. Install dependencies
  3. Set up environment variables
  4. Run the app

📂 Project Structure

├── public
├── src │ ├── components
│ ├── pages
│ ├── services
│ └── styles
├── .env
└── package.json

About

A simple and efficient URL shortener built using React.js, Supabase, ShadCN, and Tailwind CSS. This application allows users to shorten long URLs into compact links for easier sharing and management.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published