Skip to content
OverviewSolutions
68
Comments
10
ajkun55
@ajkun55

All comments

  • ajkun55•1,400
    @ajkun55Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    The modal design programming is quite different than vanilla html and js, I use different React hooks to communicate props and functions aong components, including useContext, useCallback, useRef etc. Also the additional component when click event is also time-consuming, and I am quite pleased with the output.

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

    React may not work when same code work in vanilla js, also there may be untracebale warning or error, after learning and searching, they all got solved.

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

    The project re-render when new reply component occurs, I want the same result without too many re-render, it can be done by using more useRef and useMemo, it requires more proficiency and time.

    Interactive comments section

    1
    ajkun55•1,400
    @ajkun55Posted 4 months ago

    Just updated solution to prevent re-render when click on reply, edit and delete, some progress after weeks

    0
  • Jordan Davenport•930
    @jjdavenportSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Making my JS simpler by calling functions instead of putting all the code into the button and input event listeners. I built the site mobile first and would do the same next time.

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

    The main challenge was the logic behind the JS, I rewrote my code once to make everything easier and simpler.

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

    Any feedback is appreciated.

    Tip Calculator App with JS, Flexbox and Grid

    2
    ajkun55•1,400
    @ajkun55Posted 5 months ago

    Your design is not same with requirement, the default input should be void, and your page with outcomes already there; The number of people should not be zero and error message display, yours have none; When I checked the js function, it seems not woking well, the custom tip not right and position badly, but your project is mostly fine.

    Marked as helpful
    1
  • Mahmoud kamal•50
    @Twixii99Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?
    1. Use grid-template-areas and adjust areas depending on screen size.
    2. Use grid-auto-column: 1fr; to decide the default size of the grid column. (specifying the size of the grid columns that were created without having an explicit size)
    3. Implementing the whole page myself without help.
    What challenges did you encounter, and how did you overcome them?

    Choosing the best layout to organize the design,

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

    Changing layout dynamically based on the screen sizes.

    Reposive testimonials grid section using Grid layout

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    Great work, all elements are designed well, the layout is precisely similar

    1
  • Imerzion•120
    @ImerzionSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Happy to have finally incorporated Grid into one of my solutions. Felt like it was the best approach that I am capable of so far to tackle this. Next time I would like to practice my short-hand CSS approaches when using Grid.

    Happy with the overall outcome, took longer than I expected to achieve said outcome. But it's fairly responsive and looks okay across mobile, tablet and desktop viewports.

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

    Learning and incorporating Grid into the solution, had no experience prior and was struggling to achieve the expected solution when attempting to do so using Flex, as I still consider myself to be relatively new to coding, especially when it comes to creating more complex layouts.

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

    Happy overall with the outcome, would appreciate someone to review the CSS and give me any relative pointers that I can do to improve.

    Four Card Feature

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    Great project, maybe the positioning of main elements can be improved, some differences on details

    0
  • alex•50
    @alexabaloSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    respoponsive design product white html, cssflexbox

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    All the elements are there, however the background setting need edtting, the width and height of the main card is different

    0
  • ajkun55•1,400
    @ajkun55Posted 6 months ago

    Good project, however, the height and width setting may be improved, the table layout is different, all details requires more work.

    Marked as helpful
    1
  • Nay Peter Ko•170
    @peter4049Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Next time I will do a more complex one.

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

    The Challenge is to know how to control width and height. Clam and try to find how it can be done.

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

    HTML & CSS.

    My_Social_Profile

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    Good project, seen you edited the contents, it's a version of the project

    Marked as helpful
    0
  • KdJesta•360
    @jestaputraSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    What makes me proud is that I was able to complete this challenge even though I've only been studying for about 2 months. Hopefully in the future I can complete lots of challenges and have the opportunity to get prizes.

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

    I haven't encountered any challenges in this challenge, maybe the next challenge

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

    maybe for me in the style section and looking for a suitable image so I advise you all to look for images on istock.com for styling, just use what you think is good, it doesn't have to be exactly the same as the example, so enjoy

    Simple Card using HTML and very simple CSS

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    The backgroung color, image and contents have a few differences, it looks like you created somthing new not just make the design.

    0
  • YoursBuddy•20
    @Hamza12aliSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    i tried it

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

    responsiveness

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

    responsiveness

    Flexbox

    1
    ajkun55•1,400
    @ajkun55Posted 6 months ago

    This is a great project, well done!

    If only the vertical centering position be more precise, maybe the attribution part affect it.

    I have also encounter this proble in projects, same for us.

    0
  • ajkun55•1,400
    @ajkun55Posted 7 months ago

    After submitting the solution, I find the background image of desftop media did not load, and it is due to a Github setting, so I change the related code and it worked. However I do not have pro account to generate another screenshot to make the presentation right here, you can visit site to see.

    0