explaingit

bndw/wifi-card

7,123JavaScriptAudience · generalComplexity · 1/5Setup · easy

TLDR

WiFi Card is a browser-based tool that generates a printable card with your WiFi network name, password, and QR code so guests can connect just by scanning it with their phone camera.

Mindmap

mindmap
  root((WiFi Card))
    What it does
      Generates QR code
      Printable card
      No server needed
    Tech Stack
      JavaScript
      React
      Docker
    Use Cases
      Guest WiFi sharing
      Office reception
      Self-hosted tool
    Privacy
      No tracking
      Browser only
      No data sent
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Print a QR code WiFi card for your home network so guests can connect without asking for the password.

USE CASE 2

Self-host the WiFi Card app locally using Docker for a fully private, offline-capable setup.

USE CASE 3

Create a WiFi access card for an office reception area so visitors can connect instantly by scanning.

Tech stack

JavaScriptReactYarnDockerPrettier

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

WiFi Card is a small web application that generates a printable card containing your WiFi network name, password, and a QR code. The idea is that you enter your WiFi credentials once, print the card, and then tape it to your fridge, hang it on the wall for guests, or keep it somewhere visible so visitors can connect without asking you for the password. Pointing a phone camera at the QR code connects the device to the network automatically on most modern phones. The app runs entirely in your browser. No information is sent to a server, and the project includes a badge confirming it does not track you. You can visit the hosted version at wificard.io, or run it yourself locally using a provided Docker image that starts the app on port 8080 with a single command. The project is built with React and uses Prettier for code formatting. Contributing a new language translation requires adding an entry to a translations file with a locale code, a display name, and the translated strings, then submitting a pull request that passes the automated formatting checks. The README lists translations already contributed by community members covering over 40 languages, including Arabic, Chinese, French, German, Hindi, Japanese, Korean, Russian, Spanish, Ukrainian, and many others. For local development, the project uses Yarn and provides a live-reload server that runs on port 3000. Code formatting is enforced automatically as a pre-commit hook so that all contributions follow a consistent style.

Copy-paste prompts

Prompt 1
I want to run wifi-card locally using Docker. Show me the exact command to pull and start the container on port 8080.
Prompt 2
Help me add a new language translation to wifi-card by updating the translations file with the locale code, display name, and translated strings.
Prompt 3
I want to customize the wifi-card React app to display my company logo on the printed card. Walk me through which component to modify.
Prompt 4
Set up local development for wifi-card with Yarn, including starting the live-reload dev server on port 3000.
Open on GitHub → Explain another repo

← bndw on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.