Shortify - URL Shortener Dashboard UI

Welcome to Shortify! This project is a frontend dashboard UI design for a URL shortener application, similar to bit.ly. It is designed to provide a clean and intuitive interface for users to manage and shorten their URLs. Please note that this project is a frontend-only design and does not include backend functionality for actually shortening URLs.

Created With ❤️ using: Next.Js NodeJs Typescript Tailwind CSS Shadcn UI

Features

1. Clean and Modern UI

• Sleek, modern design that is both user-friendly and visually appealing.
• Responsive layout that adapts to various screen sizes for a seamless user experience.

2. Dashboard Overview

• Comprehensive dashboard displaying all shortened URLs.
• Key metrics and statistics prominently featured, such as click counts and creation dates.

3. URL Management

• Intuitive interface for adding, editing, and deleting URLs.
• Placeholder for backend integration to handle actual URL shortening.

4. URL Details Page

• Detailed view of each shortened URL with analytics and performance metrics.
• Insights on total clicks, geographic distribution, and top referrers.

Installation Guide

Prerequisites

• Node.js (v14 or later)
• npm (v6 or later)

Getting Started

1. Clone the Repository

   git clone https://github.com/MuhammadBinYasir/Shortify.git
   cd Shortify
   

2. Install Dependencies

   npm install
   

3. Run the Application

   npm run dev