A stunning cyberpunk-themed personal portfolio website showcasing MsTimaj's expertise in technology, AI, and human-centered system design.

"Tech should serve humanity — not the other way around."

Building human-centered tech systems rooted in equity, environment, and ethical AI.

• Cyberpunk Aesthetic: Neon green (#00FF9D) and magenta (#ff00ff) color scheme
• Matrix Rain Effect: Animated binary (0s and 1s) falling background using HTML5 Canvas
• Responsive Design: Fully responsive layout that works on all devices
• Interactive Elements: Hover effects, animations, and smooth transitions
• Pure HTML/CSS/JavaScript: No frameworks, lightweight and fast

• HTML5: Semantic markup and structure
• CSS3: Advanced styling with gradients, animations, and responsive design
• JavaScript: Canvas animations and interactive functionality
• Google Fonts: Fira Code and Orbitron typography
• External Services: Typing SVG, Tenor GIF, Shields.io badges

• Machine Learning & AI: Classification, NLP, logic chains, prompt engineering
• Data Engineering: SQL, ETL pipelines, structured/unstructured datasets, transformation
• Full-Stack Development: HTML, CSS, JavaScript, Python, WordPress, REST APIs
• Tooling & Platforms: VS Code, Cursor, Claude, GPT-4o, Ollama, n8n, JupyterLab
• Security & Infrastructure: Network hardening, local dev with XAMPP, privacy-by-design
• Visualization: Data storytelling, charts, timelines, bias mapping

1. Clone the repository:

   git clone https://github.com/mstimaj/mstimaj.github.io.git
   cd mstimaj.github.io

2. Open index.html in your web browser or serve locally:

   python -m http.server 8000

3. Visit http://localhost:8000 in your browser

mstimaj.github.io/
├── index.html              # Main portfolio page
├── .gitignore              # Git ignore rules
└── README.md               # This file

1. Profile Header: Animated typing introduction and profile image
2. Vision & Mission: Core philosophy and goals
3. Technical Strengths: Detailed skill breakdown
4. Current Stack: Technology badges and expertise areas
5. About Me: Personal philosophy and quotes
6. Connect: Contact links and social media

• Primary Green: #00FF9D
• Accent Magenta: #ff00ff
• Background: Dark gradient from #0f2027 to #2c5364
• Text: #D3FEE8

The binary rain effect can be customized in the JavaScript section:

• Change const letters = "01" to modify the falling characters
• Adjust fontSize for different character sizes
• Modify setInterval(drawMatrix, 40) to change animation speed

• ✅ Chrome (recommended)
• ✅ Firefox
• ✅ Safari
• ✅ Edge

• Email: connect@mstimaj.com
• Website: mstimaj.com
• LinkedIn: linkedin.com/in/mstimaj

"I speak in code, but I build in empathy."

• 🌍 Global Citizen
• 🛠 System Reformer
• 🎯 Mission-Driven

A technology professional focused on building systems that prioritize human needs and ethical considerations over pure technical efficiency.

Built with ❤️ and a commitment to human-centered technology