Skip to content
OverviewSolutions
59
Comments
25
Paks
@LifeofPaks

All comments

  • Paks•1,350
    @LifeofPaksPosted about 1 year ago

    Right! Thanks. can you suggest any material i can use to advance my react. or would you be my mentor?

    1
  • Paks•1,350
    @LifeofPaksPosted about 1 year ago

    You're so good, i have a lot to learn😩

    1
  • Jean•420
    @JenaCarrySubmitted about 1 year ago

    It was a very complex challenge, I had difficulty with pagination and data typing coming from the api. Pagination was something I had never done before and it was very challenging and fun. Any feedback is super welcome!

    REST Countries API with color theme switcher

    1
    Paks•1,350
    @LifeofPaksPosted about 1 year ago

    This is so beautiful

    1
  • Paks•1,350
    @LifeofPaksPosted about 1 year ago

    Brooo i just had to peep your solution on this project. its perfect. I'm curios tho, the layout is exact, how did you accomplish this?

    1
  • Paks•1,350
    @LifeofPaksPosted about 1 year ago

    Hi Buddy! your design looks very nice but i have some feedbacks that i hope would be helpful. The numbers are not properly and perfectly placed at the center. You can easily achieve this by : display : grid, place-content : center

    i hope its helpful

    0
  • Ryan Bradley•630
    @ryanbradley-webdevSubmitted about 1 year ago

    In order to make this project more realistic and usable, I added user authentication to the project to make sure a given user can post comments and replies with their chosen name/handle. I haven't added the ability to upload profile images yet, but that will come down the line to complete the project.

    I also made some design alterations to ensure the user authentication is being utilized to its full extent, such as disallowing a user from editing or deleting feedback that they did not generate and adding a login/signup modal. There are other design additions, but I kept the vast majority of the project true to the design spec.

    If you'd like to interact with the site, I've provided a demo login that you can populate by clicking the button at the bottom of the modal that comes up when you click "Log in"

    Product Feedback App | React, Firebase, User Authentication

    2
    Paks•1,350
    @LifeofPaksPosted about 1 year ago

    This is super cool

    Marked as helpful
    1
  • Paks•1,350
    @LifeofPaksPosted about 1 year ago

    So smooth

    Marked as helpful
    1
  • Paks•1,350
    @LifeofPaksPosted over 1 year ago

    Hi Bro! Sleek Design🫡 🙌🏽

    My observation and feedback, the footer icons are stretched, You can simply fix by:

    align-items : center,

    i hope this is helpful😊

    Marked as helpful
    1
  • Paks•1,350
    @LifeofPaksPosted over 1 year ago

    Hey Buddy!,

    Congratulations on completing this challenge Your design looks really good but there's always room for improvement.

    for the left column you used text-align: center

    instead of

    text-align: left

    and also you can set a fixed height or fixed width.

    I hope this is helpful. Stay consistent, it gets better with time

    Cheers

    Marked as helpful
    0
  • Paks•1,350
    @LifeofPaksPosted over 1 year ago

    Hi Buddy!

    Congratulations 👏 on completing this challenge

    i see we had same issues with the footer logo, trying to change the color of the imge to White.

    Well i found a fix and i hope its helpful

    img{
filter: brightness(0) invert(1)
}

    brightness(0) changes the image color to Black invert(1) changes the color from Black to White

    Best wishes buddy.

    Cheers

    0
  • Paks•1,350
    @LifeofPaksPosted over 1 year ago

    Hello Buddy!

    Great job, Your design looks good too but there's always room for improvement.

    The contents on the second column didn't fit perfectly because you didn't set a fixed width, height or padding.

    You can try using

    row{
display: flex;
justify-content: space-between;
align-items: center;
}

col-1,
col-2{
width : 100%
}

    I hope this is helpful, stay consistent and don't skip Fundamentals, you'll get better with time

    Marked as helpful
    0
  • Paks•1,350
    @LifeofPaksPosted over 1 year ago

    Hi Buddy!

    Fantastic Job👍🏽

    But both columns are not perfectly aligned at the center, i know it can be a confusing at times but with consistency and practise you'll get better.

    To perfectly align-items at the center

    display: flex;
align-items: center;
}

**I hope this is helpful, Stay consistent, don't skip fundamentals and with time you'll be better**

Best wishes mate.
    Marked as helpful
    1