Skip to content

Latest commit

 

History

History
48 lines (32 loc) · 1.5 KB

README.md

File metadata and controls

48 lines (32 loc) · 1.5 KB

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