Networking Lock Screen Generator

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

React
TypeScript
Next.js
TailwindCSS
Radix UI
QR Codes
Responsive
Accessibility
Networking Lock Screen Generator
Networking Lock Screen Generator

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.

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

Technology Stack

  • React for interactive UI components
  • TypeScript for type safety and code reliability
  • Next.js for server-side rendering and performance
  • Tailwind CSS for responsive styling
  • html-to-image for converting designs to downloadable images
  • Radix UI for accessible component primitives
  • Vercel Analytics for usage tracking and insights

Implementation Highlights

  • Responsive design that works across all device sizes
  • Robust error boundary implementation for reliability
  • Optimized image processing for quick generation
  • User-friendly interface with intuitive controls
  • Accessibility-focused implementation with proper contrast and labels

Screenshots

Networking Wallpaper GeneratorNetworking Wallpaper GeneratorNetworking Wallpaper Generator