Networking Lock Screen Generator preview

Networking Lock Screen Generator

A web application that generates custom lock screen wallpapers for networking events, featuring QR codes and contact information.

ReactTypeScriptNext.jsTailwindCSSRadix UIQR CodesResponsiveAccessibility

Problem

At networking events, sharing contact info requires juggling apps, QR scanners, and LinkedIn URLs. Professionals needed a single glanceable lock screen that others could scan instantly without either person unlocking their phone.

Solution

Built a Next.js web app that generates a custom phone lock screen with up to 2 QR codes (LinkedIn, GitHub, portfolio), a company logo, and contact details — downloadable in the exact pixel dimensions of popular phone models.

Achievements

  • Supports iPhone, Samsung, and Pixel dimensions
  • One-click download via html-to-image
  • Full WCAG accessibility compliance with ARIA labels

Networking Lock Screen Generator is a modern web application that helps professionals create customized lock screen wallpapers featuring QR codes to their social profiles, making networking at events easier and more efficient.

Networking Wallpaper Generator Landing Page

Key Features

  • Custom lock screen generation with professional details
  • Support for up to 2 QR codes (LinkedIn, GitHub, portfolio, etc.)
  • Multiple phone model dimensions (iPhone, Samsung, Google Pixel)
  • Company logo integration and positioning
  • Real-time preview of customizations
  • One-click wallpaper download
  • Screen-reader friendly with ARIA labels
Design SelectionAdd Profile Details

Technology Stack

Built With
ReactTypeScriptNext.jsTailwind CSShtml-to-imageRadix UIVercel Analytics