Pip-Boy 3000 Interface

An interactive Fallout-inspired Pip-Boy web interface built with HTML, CSS, JavaScript, Bootstrap, custom assets, and a retro terminal visual system.

This is a creative front-end portfolio project by Mustafa Uğur Erkan / MegaZegan. It shows UI recreation, animation, responsive layout work, tabbed interface design, themed visual systems, and JavaScript interaction.

Features

• Boot sequence and loading screen.
• STATUS, SPECIAL, PERKS, INV, DATA, MAP, QUESTS, and RADIO sections.
• Interactive inventory item details.
• Theme switching between green, amber, and blue display modes.
• Animated progress bars, radiation counter, screen scanlines, and damage effects.
• Pan/zoom map interaction.
• Retro typography using the bundled monofonto.ttf.

Run Locally

Open index.html in a browser, or serve the folder:

python -m http.server 4174

Then visit:

http://127.0.0.1:4174

Portfolio Notes

This project is intentionally visual and playful. It complements my cybersecurity projects by showing that I can also build polished interfaces, interactive front-end systems, and theme-heavy user experiences.

Disclaimer

This is a fan-made UI project for portfolio and learning purposes. It is not affiliated with or endorsed by Bethesda, Fallout, Vault-Tec, or RobCo.