Mohamed Wasef Resume

Hajj Hackathon Experience

Posted on December 3, 2022December 12, 2022 by mamasha

Three-day event, believed to be one of the biggest of its kind in the Middle East, tasks participants with creating technology and applications that will help make the Hajj experience easier and more enjoyable for pilgrims.

The Hajj Hackathon that I had participate in took place over three days in August 2018, in Jeddah. The competition in the event included sectors surrounding the Hajj season, its services, and challenges, including food and beverages, public health, financial solutions, transportation, crowd management, traffic control, travel and accommodation arrangements, waste and waste management, housing, and communication solutions.

I was eager to participate and be a part of this large event, and I also took advantage of the chance to broaden my knowledge by engaging in a whole new experience.

My team and I were able to design and create a mobile app that would help pilgrims in case of medical emergencies and it will also make it easier for paramedics to rescue pilgrims because it will provide them with the pilgrim’s medical history, in addition to more other features.

Furthermore, the event has broken the Guinness World Record with over 2,950 participants from over 100 nations, and I am pleased that I have been a part of it.

It was an honor and a pleasure to attempt to be useful and productive in order to help the nation and the community to ease hajj.

The Basics of Object-Oriented CSS (OOCSS)

Posted on December 3, 2022December 3, 2022 by mamasha

In according to Wikipedia OOCSS means:
Object-oriented CSS (OOCSS) is a CSS methodology that focus of OOCSS is the idea of treating page elements as objects, giving all these objects classes, treating objects’ classes as single entities in style sheets, and taking it from there,
If you still need to know more check the OOCSS website from this URL: http://oocss.org/
Main purpose of OOCSS is to get the elements used and repeated within the page as a object and use them where necessary.

OOCSS has 2 main principle:

Separation the structure from the skin

Structure and design files are separate files.
Sturucture means:
“width, height, padding, margin , position”
Design means:
“border, color, font, background” .
Design files and Sturucture files must be seperated.
Check the below image to know more about the concept:

Separation the container from the content

This principle suggests that the child-selectors should be uses less. If element used in more than one place on the site , then the use of child selectors violates OOCSS rule and leads to code duplication.

The use of OOCSS

As your project grows, the size of CSS files increase then reduces the code speed.We can control the css size when writing code with OOCSS.
Your codes become understandable
In OOCSS, snippets are encoded in CSS and expanded in HTML.