personal

URL-QR-App

URL shortener with QR code generation

Overview

URL-QR-App is a full-stack personal project combining a Nest.js API with a React frontend, containerized with Docker. Users shorten long URLs and receive QR codes for quick sharing and scanning.

Architecture

flowchart LR
  User(["User"])
  subgraph docker ["Docker"]
    FE["React frontend"]
    API["Nest.js API"]
    QR["QR code generator"]
    Store[(URL store)]
  end

  User -->|"Create short URL"| FE
  FE --> API
  API --> Store
  API --> QR
  QR -->|"QR image"| FE
  User -->|"Open short link"| API
  API -->|"Redirect to original URL"| User

Summary

A web application that shortens URLs and generates QR codes, making links easy to share and scan.

What I worked on

Built the Nest.js backend for URL creation and resolution.
Developed the React frontend for creating and managing shortened links.
Implemented QR code generation for shortened URLs.
Packaged the application with Docker for consistent environments.

Results

End-to-end URL shortening workflow
QR code generation for shareable links
Dockerized deployment-ready stack