Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/housamz/housamz

My Github Profile Readme
https://github.com/housamz/housamz

engineer github-profile github-profile-readme github-stats

Last synced: about 1 month ago
JSON representation

My Github Profile Readme

Awesome Lists containing this project

README

        

[![Header](https://raw.githubusercontent.com/housamz/housamz/master/header.png "Header")](https://hmz.ie/)

I'm a Software Engineer by day, a lecturer by night, and an electronics hobbyist in between – basically, I'm a 24/7 nerd.

My journey into the tech world started back in '98 when I was just a wide-eyed Web Designer, but let's be honest, who wasn't in '98? Fast forward to 2008, and I made the genius decision to dive headfirst into Web Development.
It was like going from playing with LEGO to building the actual skyscraper! 🎨 💻 ✨

Along the way, I soaked up more knowledge than a sponge at a TED talk. I'm talking Business Development, Marketing, Management – you name it! I even dabbled in Entrepreneurship, but don't ask me about the failed lemonade stand. Oh, and I've been rubbing digital elbows with international organisations, no big deal.

Now, my true calling? Making stuff look good! I'm passionate about crafting designs that are so drop-dead gorgeous they make the Mona Lisa look like a doodle on a napkin.

Whether it's for print or the web, I'm on a quest for happyness, one pixel at a time.

---

#### Social (@housamz)
[![ORCID](https://img.shields.io/badge/-0000--0001--6132--4082-Informational?logo=orcid&style=flat&labelColor=d63e75&logoColor=white&color=134584)](https://orcid.org/0000-0001-6132-4082)
[![Linkedin](https://img.shields.io/badge/-housamz-informational?logo=LinkedIn&style=flat&labelColor=d63e75&logoColor=white&color=134584)](https://www.linkedin.com/in/housamz)
[![Codepen](https://img.shields.io/badge/-housamz-informational?logo=codepen&style=flat&labelColor=d63e75&logoColor=white&color=134584)](https://codepen.io/housamz)
[![Twitter](https://img.shields.io/twitter/follow/housamz?logo=Twitter&style=flat&labelColor=d63e75&logoColor=white&color=134584&label=%20)](https://twitter.com/housamz)
[![Instagram](https://img.shields.io/badge/-housamz-informational?logo=instagram&style=flat&labelColor=d63e75&logoColor=white&color=134584)](https://instagram.com/housamz)
[![Reddit](https://img.shields.io/reddit/user-karma/combined/housamz?logo=Reddit&style=flat&labelColor=d63e75&logoColor=white&color=134584&label=)](https://www.reddit.com/user/housamz)

---

#### Technologies
![JavaScript](https://img.shields.io/badge/-JavaScript-informational?logo=javascript&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![TypeScript](https://img.shields.io/badge/-TypeScript-informational?logo=TypeScript&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Python](https://img.shields.io/badge/-Python-informational?logo=python&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![PHP](https://img.shields.io/badge/-PHP-informational?logo=PHP&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Java](https://img.shields.io/badge/-Java-informational?logo=java&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![CSS](https://img.shields.io/badge/-CSS-informational?logo=css3&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Sass](https://img.shields.io/badge/-Sass-informational?logo=Sass&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![HTML](https://img.shields.io/badge/-HTML-informational?logo=html5&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Pug](https://img.shields.io/badge/-Pug-informational?logo=Pug&style=flat&labelColor=d63e75&logoColor=white&color=134584)

![React.js](https://img.shields.io/badge/-React.js-informational?logo=react&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Node.js](https://img.shields.io/badge/-Node.js-informational?logo=node.js&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Angular](https://img.shields.io/badge/-Angular-informational?logo=angular&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![VueJs](https://img.shields.io/badge/-VueJs-informational?logo=vue.js&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Express](https://img.shields.io/badge/-Express-informational?logo=Express&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![jQuery](https://img.shields.io/badge/-jQuery-informational?logo=jQuery&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Python Flask](https://img.shields.io/badge/-Flask-informational?logo=Flask&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Jinja](https://img.shields.io/badge/-Jinja-informational?logo=Jinja&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![HandleBars](https://img.shields.io/badge/HB-HandleBars-informational?logo=HandleBars&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![D3.js](https://img.shields.io/badge/-D3.js-informational?logo=D3.js&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Bootstrap](https://img.shields.io/badge/-Bootstrap-informational?logo=Bootstrap&style=flat&labelColor=d63e75&logoColor=white&color=134584)

![Code](https://img.shields.io/badge/-Visual_Studio_Code-informational?logo=visual-studio-code&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![WebStorm](https://img.shields.io/badge/-WebStorm-informational?logo=WebStorm&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![PyCharm](https://img.shields.io/badge/-PyCharm-informational?logo=PyCharm&style=flat&labelColor=d63e75&logoColor=white&color=134584)

![Linux](https://img.shields.io/badge/-Linux-informational?logo=linux&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![OSX](https://img.shields.io/badge/-Mac-informational?logo=apple&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Windows](https://img.shields.io/badge/-Windows-informational?logo=windows&style=flat&labelColor=d63e75&logoColor=white&color=134584)

![MySQL](https://img.shields.io/badge/-MySQL-informational?logo=MySQL&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![MongoDB](https://img.shields.io/badge/-MongoDB-informational?logo=MongoDB&style=flat&labelColor=d63e75&logoColor=white&color=134584)

##### Design
![Adobe Photoshop](https://img.shields.io/badge/-Adobe_Photoshop-informational?logo=Adobe-Photoshop&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Adobe Illustrator](https://img.shields.io/badge/-Adobe_Illustrator-informational?logo=Adobe-Illustrator&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Adobe Indesign](https://img.shields.io/badge/-Adobe_Indesign-informational?logo=Adobe-Indesign&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Adobe Premiere Pro](https://img.shields.io/badge/-Adobe_Premiere_Pro-informational?logo=Adobe-Premiere-Pro&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Adobe XD](https://img.shields.io/badge/-Adobe_XD-informational?logo=Adobe-XD&style=flat&labelColor=d63e75&logoColor=white&color=134584)
![Sketch](https://img.shields.io/badge/-Sketch-informational?logo=Sketch&style=flat&labelColor=d63e75&logoColor=white&color=134584)

---

#### Blog

- [Exploring Essential JavaScript Concepts](http://hmz.ie/exploring-essential-javascript-concepts/)
- [Umm Kulthum Encyclopedia - موسوعة أم كلثوم](http://hmz.ie/umm-kulthum-encyclopedia/)
- [Declarative vs Procedural Programming - Understanding the Differences](http://hmz.ie/declarative-procedural-programming/)
- [Introduction to React Testing Library](http://hmz.ie/intro-to-react-testing-library/)
- [How To Add Multiple Pages in React (2023 Tutorial)](http://hmz.ie/add-multiple-pages-react/)

[...more ](https://www.hmz.ie)

#### Codepen Pens

- [JavaScript Donut - ASCII Art](https://codepen.io/housamz/pen/zYNmppq)
- [Using Emoji Class Names](https://codepen.io/housamz/pen/XWpYKRX)
- [Space Invaders Scoreboard](https://codepen.io/housamz/pen/WNRoMKW)
- [console.test()](https://codepen.io/housamz/pen/oNBbjox)
- [Vue Pen - Pomodoro Timer](https://codepen.io/housamz/pen/NWbzEza)

[...more ](https://codepen.io/housamz)

---

#### Github Info
![Housamz github stats](https://github-readme-stats.vercel.app/api?username=housamz&line_height=40&hide=prs,contribs&show_icons=true&theme=default&title_color=ffffff&text_color=ffffff&icon_color=d63e75&bg_color=134584)
![Housamz Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=Housamz&hide=css,html&title_color=ffffff&text_color=ffffff&icon_color=d63e75&bg_color=134584)

#### Highlighted Projects
[![PHP MAGE](https://github-readme-stats.vercel.app/api/pin/?username=housamz&repo=php-mysql-admin-panel-generator&title_color=ffffff&text_color=ffffff&icon_color=d63e75&bg_color=134584)](https://github.com/housamz/php-mysql-admin-panel-generator)
[![Movie Info Finder](https://github-readme-stats.vercel.app/api/pin/?username=housamz&repo=movie-info-finder&title_color=ffffff&text_color=ffffff&icon_color=d63e75&bg_color=134584)](https://github.com/housamz/movie-info-finder)

![](https://visitor-badge.glitch.me/badge?page_id=housamz&style=flat&labelColor=d63e75&logoColor=white&color=134584)