A modern, Progressive Web App (PWA) for creating shortened links and QR codes with analytics tracking. Built with SvelteKit and deployed at zilink.co.
Production URL: https://zilink.co
- SvelteKit - Full-stack framework for building web applications
- Svelte 5 - Modern reactive UI framework
- TypeScript - Type-safe JavaScript
- Vite 6 - Next-generation frontend build tool
- SvelteKit Vite Plugin - Svelte integration for Vite
- Tailwind CSS 4 - Utility-first CSS framework
- @tailwindcss/forms - Form styling plugin
- @tailwindcss/vite - Tailwind Vite plugin
- @lucide/svelte - Beautiful icon library
- svelte-french-toast - Toast notifications
- mode-watcher - Dark/light mode management
- tailwind-merge - Merge Tailwind classes efficiently
- Service Worker - Offline support and caching
- Web App Manifest - Installable PWA configuration
- Offline-first - Works without internet connection
- Vercel - Serverless deployment platform
- @sveltejs/adapter-vercel - Vercel adapter for SvelteKit
- ESLint - Code linting
- Prettier - Code formatting
- svelte-check - Svelte type checking
- TypeScript ESLint - TypeScript linting
- qrious - QR code generation library
- js-cookie - Cookie management
- sveltekit-search-params - URL search params management
- @fontsource/inter - Inter font family
zilink.co is a fully functional Progressive Web App with the following capabilities:
- ✅ Installable - Can be installed on mobile and desktop devices
- ✅ Offline Support - Service worker caches assets for offline access
- ✅ Fast Loading - Optimized caching strategy for quick page loads
- ✅ App-like Experience - Standalone display mode with custom theme
- ✅ Responsive Design - Works seamlessly across all device sizes
The app includes:
- Web App Manifest (
static/manifest.json) - Service Worker (
src/service-worker.ts) - PWA icons (64x64, 192x192, 512x512)
- Theme colors and background colors
- Standalone display mode
- URL Shortening - Create short, memorable links
- QR Code Generation - Generate QR codes for any URL
- Link Analytics - Track clicks, locations, and devices
- Custom Aliases - Create custom short URLs
- Password Protection - Secure links with passwords
- Link Expiration - Set expiration dates for links
- Dark/Light Mode - Automatic theme switching
- Multi-language Support - Internationalization ready
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview# Type checking
npm run check
# Watch mode type checking
npm run check:watch
# Linting
npm run lint
# Format code
npm run formatsvelte-front/
├── src/
│ ├── lib/
│ │ ├── components/ # Reusable components
│ │ │ ├── blocks/ # Block components
│ │ │ └── ui/ # UI components
│ │ ├── services/ # API services
│ │ ├── types/ # TypeScript types
│ │ └── utils/ # Utility functions
│ ├── routes/ # SvelteKit routes
│ │ ├── [id]/ # Dynamic route for short links
│ │ └── qr-code/ # QR code page
│ ├── service-worker.ts # PWA service worker
│ └── app.css # Global styles
├── static/ # Static assets
│ ├── manifest.json # PWA manifest
│ └── icons/ # App icons
└── package.json
- Adapter: Vercel (for serverless deployment)
- Preprocessor: Vite
- SvelteKit plugin
- Tailwind CSS plugin
- Search params plugin
- Strict mode enabled
- Path aliases configured
Create a .env file in the root directory:
# Add your environment variables herePrivate project - All rights reserved
Built with ❤️ using SvelteKit and modern web technologies.
Domain: zilink.co
Status: Production
PWA: ✅ Enabled