Skip to content
OverviewSolutions
8
Comments
9

dk

@jenna1k280 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

  • dk•280
    @jenna1k

    Great job on the project with Zustand and Typescript! It looks good but just to enhance the overall balance, consider putting hover effect on cards and fixing size difference on sidebar when search result appears.

  • dk•280
    @jenna1k

    Great work! all the features are implemented effectively and well-structured.

    One small thing, I recommend managing icons in the assets folder instead of embedding raw SVG files directly in the JSX or SVG components for consistency.

    By managing icons in a dedicated assets folder and exporting them from an index.js, you maintain a consistent structure across your project. This makes it easier to import icons and ensures that all icons are easily accessible and organized.

    Marked as helpful
  • dk•280
    @jenna1k

    Great job! I think for more flexible layout that adapts well across different screen sizes, better items stretch to fill container without relying on fixed widths.

  • Amjad Shadid•810
    @amjadsh97
    What are you most proud of, and what would you do differently next time?

    I learned how to manage complex application state effectively using useReducer and the React Context API. and I plan to develop a more complex application to further hone my skills.

    memory game

    #react
    1
    dk•280
    @jenna1k

    great job!

    I manually tested the game and found it doesn't reset scores when restart button clicked

  • dk•280
    @jenna1k

    good job!

    some sugggestions:

    • Handling Fewer Search Results When the search results are fewer than expected, the layout can sometimes break or appear unbalanced, especially if the CSS is not designed to handle such cases. To mitigate this: Flexbox or Grid Layouts: Use CSS Flexbox or Grid to create a more adaptable layout. These layout models allow for better control over item alignment and spacing, which can help maintain a cohesive look even with fewer items. Minimum Height: Set a minimum height for the container holding the search results. This prevents the layout from collapsing when there are fewer items.
    • for image sizes, consider using rem or px units. This will make your layout more responsive and less dependent on the viewport height.
    • User Experience When Clicking Outside Open Select Options When a select dropdown is open and the user clicks outside of it, it can cause confusion and a poor user experience in certain situations
  • rocio•390
    @rocioizq
    What are you most proud of, and what would you do differently next time?

    I am very proud of everything I am learning and implementing, I really liked this project.

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

    I found the formulas for the calculations to be a challenge

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

    any feedbacks is welcome

    Mortgage repayments calculator

    #accessibility
    2
    dk•280
    @jenna1k

    great job! you can also use NumberFormat to format currency

View more comments