moerabaya.com

Moe Rabay’a is an experinced software engineer specialized in designing and building web and mobile applications. To contact Moe or learn more please visit moerabaya.com.

Remaining

• Clear Navigation
• New Footer
• Grid System
• Translated pages both in Arabic and English
• Design System Components
• Dark mode (Save to localStorage)
• Custom project pages (Case Study)

Folder Structure

Project components follow atomic design principles created by Brad Frost. This will provide direction on building interface design components more deliberately and with explicit order and hierarchy.

• Atoms: are the basic building blocks of all matter. Each element has distinct properties, and they can’t be broken down further. e.g. form labels, inputs, buttons, and others
• Molecules: are group of two or more atoms held together. These combinations of atoms take on their own unique properties. e.g. Card, Search Molecule, etc.
• Organisms: are assimbles of molecules functionign together as a unit. These relatively complex structures can range from single-celled organisms all the way up to incredibly sophisticated organisms. e.g. Navigation, Header, Footer, etc.

Reach Out