Skip to content
OverviewSolutions
8
Comments
9
anwar-elbarry
@anwar-elbarry

All comments

  • Anubhav Ray•140
    @Anubhav-RaySubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to validate the input from the user and display appropriate message along with required styling.

    What challenges did you encounter, and how did you overcome them?
    • At first I was not able to think of how to validate the user input efficiently, then I searched on google and came across stack overflow and got the regex required for email and password validation.
    • When I first wrote the logic, it was performing well but the code was not much readable and was not upholding the DRY principle .
    • I then refactored the code into functions to make it more readable and easy to understand.
    What specific areas of your project would you like help with?

    I am a beginner in web development so I would appreciate any kind of feedback that would help me improve in writing more efficient and readable code.

    Signup-Form With Client Side Validation

    1
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    good job!

    1
  • ElsaD- Ahmed•560
    @InKABuserSubmitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    i had a problem with centering the whole thing it kept overflowing hopefuly it is not anymore pls if you have any suggestionis make sure to leave them in a comment

    testimonial-card-responsive-grid

    1
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    good job!

    0
  • anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    great !

    0
  • Mohamed khlifi•150
    @Mohamedkh369Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of achieving the responsive design and learning more about the flexbox

    What challenges did you encounter, and how did you overcome them?

    i had issues with padding with flex items, even when using boxsizing: border-box; the item grows in size, anyway it turned out u need to set flex basis explicitly.

    What specific areas of your project would you like help with?

    none

    Responsive Product preview card component

    1
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    good job!

    1
  • Aamir Khan•130
    @AamnbabaSubmitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    In responsive Mobile Design, I learned how to display an child div greater that than its parent div. I was exciting and thrilling.

    Responsive Frontend Mentor Reciepe Challenge

    2
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    good job!

    0
  • anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    god job! be careful about the sizing

    1
  • franArteaga8•20
    @franArteaga8Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Using clamp. Also learning how to properly use css variables.

    What challenges did you encounter, and how did you overcome them?

    Responsiveness without media-queries. Vector had a transparent pixel line on top and bottom and was hard to identify the issue.

    What specific areas of your project would you like help with?

    Streamlining the CSS.

    Responsive Card using Flexbox

    1
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    great job

    1
  • Ujjwal Joshi•30
    @Git-DEmiGoDSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the cool scanning animation I have added to the QR code image, that brings this static component to life.

    If I were to redo this project then I would make code more reacdabale with better names and better naming

    What challenges did you encounter, and how did you overcome them?

    the layout was easy for me, even the hover states and rest of the design was easy, only applying styles selectively like "animation only on hover" was the part that took me some research and time,

    I overcame this issue by executing the concept of event listener, googled what events are fired when the mouse hovers over an element and when mouse exits an element, and simply provided styles to the appropriate element on the trigger of these elements

    What specific areas of your project would you like help with?

    i would like help in how to write readable code, and how to provided styles and animation neatly

    QR code component with hover and shine animations

    1
    anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    i just want to say "wooow",that's really an amazing animation,keep going

    0
  • anwar-elbarry•110
    @anwar-elbarryPosted 3 months ago

    nice evrerything is good , ther is only one thing left for you to do ,whitch is to put the card in the middle ,you can use ( align-items: center;)

    Marked as helpful
    0