URLify - URL Shortening Service

A modern URL shortening service built with a Next.js frontend and a separate backend API. Create short, memorable links and track their performance with detailed analytics.

Features

• 🔗 Create short URLs with optional expiration dates
• 📊 Detailed analytics for each shortened URL including:
  • Total visits and unique visitors
  • Browser and device statistics
  • Geographic location data
  • Referrer tracking
• 👤 User authentication and management
• 🌓 Light/Dark mode support
• 📱 Responsive design for all devices

Tech Stack

Frontend

• Next.js 15 - React framework
• TailwindCSS - Styling
• Shadcn/ui - UI Components
• Recharts - Data visualization
• React Hook Form - Form handling
• Zod - Schema validation

Backend

The backend API is maintained in a separate repository and built with:

• .NET 8
• Entity Framework Core

The backend repository can be found here.

Getting Started

1. Clone the repository:

git clone https://github.com/Costa0910/url-shortening-frontend

Prerequisites

• Node.js 16.x or higher
• npm or yarn

Installation

1. Install dependencies:

npm install
# or
yarn install

2. Create a .env.local file and add your environment variables.

Usage

1. Run the development server:

npm run dev
# or
yarn dev

2. Open http://localhost:3000 with your browser to see the result.