/url-shortening-app

Shortly - Next.js and TypeScript-based URL shortener with persistent link management and responsive design.

Primary LanguageTypeScript

Shortly URL shortening API

This project is a URL shortening service built with Nextjs and TypeScript. It provides a user-friendly interface for shortening long URLs, making them easier to share and remember. It uses local storage to store the shortened links, so they persist even after refreshing the browser. It is a Frontend Mentor challenge.

Shortly URL shortening API

Links

Features

  • 🔗 URL Shortening: Convert long URLs into short, manageable links.
  • 📋 Copy to Clipboard: Copy the shortened link to the clipboard in a single click.
  • 📈 Link Management: View a list of shortened links, even after refreshing the browser.
  • 📱 Responsive Design: View the optimal layout for the site depending on the device's screen size.
  • 🚀 Optimized Performance: The site is optimized for performance and accessibility.
  • 🌐 PWA Support: The application is a Progressive Web App, meaning it can be installed on your device and accessed offline.

Tech Stack

Nextjs TypeScript Tailwind CSS Prettier ESLint Framer Motion Next PWA

Installation

  1. Clone the repository.
  2. Install the dependencies
npm install
  1. Run the development server
npm run dev
  1. Open http://localhost:3000 to view it in the browser.

Author