Skracacz Linków (URL Shortener)

Aplikacja SPA do skracania URL-i zbudowana w Vue.js 3 z Vite.

Funkcje

• Strona główna: Formularz z walidacją URL, skracanie przez API CleanURI, wyświetlanie skróconego linku z przyciskiem kopiowania
• Historia: Lista skróconych linków z wyszukiwaniem, kopiowaniem i usuwaniem
• Stan: Pinia + zapis w localStorage
• Responsywność i animacje (Vue Transition)

Technologie

• Vue 3 (Composition API)
• Vite
• Vue Router 4
• Pinia
• Axios
• Tailwind CSS v4

Uruchomienie

npm install
npm run dev

Build:

npm run build
npm run preview

Struktura

• src/views/ – HomeView, HistoryView
• src/components/ – UrlForm, LinkItem
• src/stores/shortener.js – stan i integracja API CleanURI
• src/router/index.js – trasy / i /history

API

Używane API: CleanURI (POST, { url: "długi-url" }).

Historia jest przechowywana lokalnie w przeglądarce (localStorage).