Skip to content
OverviewSolutions
12
Comments
12

Aaliyan10

@Aaliyan10190 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Anton Vasilache•580
    @Antonvasilache
    What are you most proud of, and what would you do differently next time?
    • Completed the first challenge that includes JavaScript.
    • Implemented both clicking and keyboard functionality.
    • Faster completion of the static webpage part.
    • Should have used state variables.
    What challenges did you encounter, and how did you overcome them?
    • Creating the accordion with only one item open at a time - had to make use of extensive class manipulation to achieve the desired effect.
    • Adding keyboard navigation on top of the clicking functionality proved difficult due to the default behaviour of some events. Pressing Enter would focus the next item, so I managed to stop it using e.stopPropagation()
    • Adding dividers as div elements between the accordion items broke the keyboard navigation - had to remove them and add padding and border-bottom instead
    What specific areas of your project would you like help with?
    • There is probably a more efficient way of managing state for the opened/closed items.
    • Refactoring the code to something less repetitive.
    • Sizing the page elements with less reliance on media queries.

    FAQ accordion component using CSS Flex and Javascript

    1
    Aaliyan10•190
    @Aaliyan10

    Great Work!

  • Aaliyan10•190
    @Aaliyan10

    Good Work

  • P
    Mukarram Haq•440
    @MukarramHaq
    What are you most proud of, and what would you do differently next time?

    N/A

    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

    Tip Calculator App HTML, TailwindCSS and JS

    1
    Aaliyan10•190
    @Aaliyan10

    Great work

  • P
    Aaron Smith•260
    @medic-code
    What are you most proud of, and what would you do differently next time?

    Getting the JS to work properly. Not sure there is much I'd change differently, process to creating this was actually relatively smooth. I'm not sure I did the overlapping cards particularly well as i had to constrain them quite abit it felt like there was probably a smarter way.

    There's a few parts of the design like icon placement i'd individually place using position absolute maybe and few parts where alignment is a little off.

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

    Not too many challenges, mostly smaller ones around overlapping cards and overflow.

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

    HTML semantics CSS - Structure, refactoring potential, feedback on the overlapping cards JS - syntax and approach to the problem.

    Responsive Dashboard

    2
    Aaliyan10•190
    @Aaliyan10

    Nice work

  • Aaliyan10•190
    @Aaliyan10

    Good work, just need to change the background color of body

  • javalzu•420
    @jaalzu
    What are you most proud of, and what would you do differently next time?

    the way i make it. Really easy and fast

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

    nothing challenge.

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

    with nothing in particular.

    article preview

    1
    Aaliyan10•190
    @Aaliyan10

    Use the flex grow property on both left and right side to adjust the widths and adjust the overall width of the container to create a similar design. Overall great work

View more comments