Savva Prokofev - Portfolio
Explorer
Open Editors
Portfolio
.nuxt
node_modules
public
README.md
src
apps
ShortqixWebBidNews TemplateThesis
extensions
HomeDash
packages
nuxtignore-dev
.gitignore
nuxt.config.ts
package.json
pnpm-lock.yaml
tsconfig.json
Outline
Timeline
Scripts
Shortqix

Shortqix

Simple and fast URL-shortener for your links

Industry
Social media
Year
2025
Service
URL shortening

Overview

Shortqix is a URL shortening service built with Nuxt 4, Vue 3, and TypeScript. The application uses PostgreSQL with Drizzle ORM for data persistence, Nitro server for API endpoints, and Tailwind CSS for styling.

The frontend is built with Nuxt 4 and Vue 3 Composition API. Authentication uses magic links sent via Nodemailer with Vue Email templates. Real-time features are implemented with WebSocket connections, and the database schema is managed through Drizzle ORM migrations.

Payment processing is handled through Bitcoin integration for premium subscriptions. The application generates QR codes for short links using a dedicated library, and analytics data is stored in PostgreSQL with real-time updates via WebSocket.

  • Nuxt 4 with Vue 3 and TypeScript frontend
  • PostgreSQL database with Drizzle ORM
  • Nitro server with H3 for API routes
  • Magic link authentication via Nodemailer
  • Bitcoin payment integration for subscriptions
  • WebSocket real-time updates
  • Vue Email for transactional emails
  • Tailwind CSS for styling
  • Docker containerization with Docker Compose

Testing is implemented with Vitest for unit tests and Playwright for end-to-end testing. The build process uses Tsup for TypeScript bundling, and deployment is handled through Docker with GitHub Actions CI/CD pipeline.

The codebase is 51.3% TypeScript, 46.3% Vue, with ESLint for code quality. Database migrations are automated, and the application supports both development and production environments with environment-specific configurations.

Technologies

  • TypeScript
  • Nuxt 4
  • Vue 3
  • Pinia
  • Tailwind CSS
  • Shadcn
  • PostgreSQL
  • Drizzle ORM
  • Socket.io
  • Nitro
  • ESLint
  • Prettier
  • Playwright
  • Vitest
  • Nginx
  • Docker
  • GitHub Actions
Live Preview
sqix.pro
Source code
github.com/websavva/shortqix