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
Github
Networking Lock Screen Generator

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.

Achievement

  • 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

Design Selection

Add Profile Details

Technology Stack

Built With