The Green Trees Initiative

This project demonstrates solving problems using minimal tools and pure calculations, focusing on code structure and custom design patterns. It replicates desired UX elements while showcasing adaptability and foundational problem-solving skills. Technical articles listed.

Aim

A whole house is architected using a hammer and a bunch of nails!

This analogy illustrates that this solution was built without the use of modern tools, serving as nothing more than proof of the ability to solve problems using pure calculations. It also demonstrates readiness to tackle more complex challenges.

Additionally, this project demonstrates the ability to organize the structure and design patterns within codebases. Modern tools often provide pre-developed patterns that developers are expected to follow. While there is nothing wrong with that approach, this project aims to prove the capability to handle situations using the simplest tools!

Another piece of evidence is that the selected parts of the UX design were implemented as desired, following this reference: https://dribbble.com/shots/5410848-New-non-profit-UI-Kit. All rights are reserved by the design owner.

Design Details to Watch

Note

Don’t forget to visit the live website: htpps://green.mohamedaymn.site

  • Dark and light themes.
  • Floating title on images.
  • Forms validation.
  • Responsivness to different screen sizes.

image

image

image