https://github.com/saramazal/maz4l.io
My digital-cyber card.
https://github.com/saramazal/maz4l.io
css cybersecurity hackthebox maz4l react tryhackme vite
Last synced: 3 months ago
JSON representation
My digital-cyber card.
- Host: GitHub
- URL: https://github.com/saramazal/maz4l.io
- Owner: saramazal
- Created: 2025-07-21T19:43:59.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-21T21:26:58.000Z (11 months ago)
- Last Synced: 2025-07-21T22:24:40.664Z (11 months ago)
- Topics: css, cybersecurity, hackthebox, maz4l, react, tryhackme, vite
- Language: JavaScript
- Homepage: https://saramazal.github.io/maz4l.io/
- Size: 9.14 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🕶️💾 **Maz4l CyberCard**
##### *» System Status: Online • Transmission Secure «*
---
## 🚀 **Live Preview — Enter the Node**
👉 [https://saramazal.github.io/maz4l.io/](https://saramazal.github.io/maz4l.io/)
---
## 🕸️ **About This Project**
> A digital relic floating in the cybervoid.
This is my **cyberpunk-inspired digital business card** — part hacker terminal, part artist manifesto, part virtual calling card. It merges aesthetics from **penetration testing, AI art, and web technology** with a shimmering Matrix-style rain.
**Roles Deployed:**
* 🛡️ Ethical Hacker (aka `maz4l`)
* 🌐 Web Developer
* 🖼️ AI Artist
---
## ⚙️ **Tech Stack**
| Component | Role |
| -------------- | -------------------------------- |
| 🧑💻 React | Core Framework |
| ⚡ Vite | Warp-speed Build Tool |
| 🎨 CSS | Handcrafted Styles (No Tailwind) |
| 🎭 FontAwesome | Cyberglyphs (Icons) |
| 🖥️ Canvas | Matrix Streams (2D API) |
---
## 🧪 **Features**
✅ Fully responsive in any viewport of the grid
✅ Matrix-style background flowing like encrypted data
✅ Pure CSS artistry (no frameworks, just raw)
✅ FontAwesome icons for instant network recognition
✅ Neon / glitchy / vaporwave cyberpunk aesthetic
---
## 📟 **Local Setup Instructions**
Spin it up on your localhost terminal:
```bash
# Install cyberware dependencies
npm install
# Launch local node for testing
npm run dev
```
---
## 🌐 **Deployment (To the Public Net)**
### Step 1: Edit `vite.config.js`
```javascript
base: '/maz4l.io/'
```
### Step 2: Build & Deploy
```bash
npm run build
npm run deploy
```
### Step 3: Configure GitHub Pages
Set `gh-pages` as your deployment branch. Watch your card float in the ether.
---
## 🛰️ **Where to Find `maz4l` in the Network**
| Network | Link |
| ---------------- | ---------------------------------------------------------------- |
| 🕶️ LinkedIn | [linkedin.com/in/sara-mazal](https://linkedin.com/in/sara-mazal) |
| 🐙 GitHub | [github.com/saramazal](https://github.com/saramazal) |
| 🕵️♀️ TryHackMe | [tryhackme.com/p/maz4l](https://tryhackme.com/p/maz4l) |
| 💡 CodePen | [codepen.io/Saramazal](https://codepen.io/Saramazal) |
| 🐦 X / Twitter | [x.com/mazalspace](https://x.com/mazalspace) |
| 🚩 Blog | [maz4lhacks.vercel.app](https://maz4lhacks.vercel.app/) |
---
## 📄 **License**
Personal cyber-asset. For branding & showcasing skills in the grid. Not for resale in black markets.
---
## 👤 **Author: `maz4l`**
👾 [@saramazal](https://github.com/saramazal)
🖧 [linkedin.com/in/sara-mazal](https://linkedin.com/in/sara-mazal)
---
>> *» `maz4l` is still watching the network… «*