olopcodes
@olopcodesAll comments
- P@HelewudP@olopcodes
Great work! Looks spot on to the design!
- @BCEESAY10What challenges did you encounter, and how did you overcome them?
Having to swap the image depending on the screen size. I was able to search for a solution and got it solved using css content attribute.
P@olopcodesGood job with the design!
- @mts-mlWhat are you most proud of, and what would you do differently next time?
I like that this project is actually helpful and that I could use it in my day-to-day life.
What challenges did you encounter, and how did you overcome them?I tried to use the DRY principle but still need more practice. I used type='text' on the inputs so I could do the validations myself. It was hard, and I still need more practice with that too.
What specific areas of your project would you like help with?I'd like some tips or suggestions for improvements on the project.
P@olopcodesHey @mts-ml,
Nice job. Looks really good!
When focusing on the input, there is a transition there with a border and color. Adding a the same border when input is not active will make the change smoother on focus.
Keep coding!
- @JunbolWhat are you most proud of, and what would you do differently next time?
Working with SCSS animations, BEM & MediaQueries specially
- working with CSS GRID Areas combined with Dynamic Grid columns and rows.
- creating all the logic in Javascript to do the math.
- Using forEach again to iterate on the buttons
- Using javascript to add the logic to reset input fields , classes and button's active state.
same as above
What specific areas of your project would you like help with?none
P@olopcodesGeat work! Code is nicely separated, use of comments, variable naming. Really nice and people can grasp what is going on in the code! Keep on coding!
- @Ridwan10000What are you most proud of, and what would you do differently next time?
Proud of using fetch API. I have learned promises and async/await function in JS. That was very nice.
What challenges did you encounter, and how did you overcome them?I will use js library next time to do it. (React)
What specific areas of your project would you like help with?Help regarding to code optimization, semantic HTML and Shorter CSS.
P@olopcodesGreat job with the dashboard! Really spot on! One thing I noticed is that the buttons need a hover state, a pointer and a change of color when hovering. Other than that great work! Keep coding!
- @olaniyan18P@olopcodes
Your layout is spot on to the design great job!
When the user clicks dismiss message, the user is not brought back to the form.
Looks like you built the project with React, and seperated the logic too, pretty cool!
Overall great job! Keep coding!
- P@JCrotzerWhat are you most proud of, and what would you do differently next time?
Refreshing skills on JS
What challenges did you encounter, and how did you overcome them?n/a
What specific areas of your project would you like help with?n/a
P@olopcodesNice job with the card component. I notice you stuck to 2 rows for the card and not 2 columns on bigger screens adding your touch to it! Keep on coding!