Bashar Khdr
@BasharKhdr1992
All solutions
Submitted
Your feedback is highly appreciated
Submitted
Your feedback is highly appreciated. I really had a hard time laying the intro background, and the mockups image on top of each other. I used ::after pseudo element to achieve that. I used rem unit to ensure some sort of consistency across multiple screens. I know my solution is not optimal, so I am always opening for all suggestions.
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated!
Submitted
Your feedback is highly appreciated.
Submitted
I took the opportunity in this project to implement a toggle switch from scratch. Most tutorials would suggest to implement that as a checkbox with the appropriate associated styling. However, I made up my mind to go another way and to place two div elements, one inside the other. It took me a while to do some calculations about the padding and the width and height of div elements to make it look like a real toggle switch. I am still uncertain what would be the pros and cons of using/not using, an input element to implement the toggle switch. I also took the opportunity to implement a Theme provider using the context api. I have to say that I made it through eventually. In the end, it is needless to say that your feedback is highly.
Submitted
Your feedback is highly appreciated
Submitted
Your feedback is highly appreciated.
Submitted
Your feedback is highly appreciated.
Submitted
Your feedback is highly appreciated
Submitted
Your feedback is highly appreciated.
Submitted
Your feedback is highly appreciated
Submitted
This is the most complex application I have built so far. I said most complex because this is the first application where I use the context api provided by the reactJs team to manage the state globally. I must say it worked just fine, and the state is updating as it should be. However, the application still saves the state in memory, and needs a backend server to render it as a full stack application. I tried my best to stick to the design files provided by the platform providing both desktop and mobile versions that works well on the targeted screen sizes. I am waiting on your feedback which is appreciated in advance.
Submitted
Your feedback is highly appreciated.