Skip to content
OverviewSolutions
32
Comments
29
P

Arcloan

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

  • mortage-repayament

    #accessibility#react#tailwind-css#react-hook-form
    P
    Arcloan•640
    Submitted about 1 month ago

    Any suggestions on the proejct as a whole, on the form, on the handling of the class for the bg color of the pound or anything else is much appreciated :) Thank you.

    1 comment

  • product-list

    #react#tailwind-css
    P
    Arcloan•640
    Submitted about 1 month ago

    Any help on the dialog, how to make it look similar to the design is really appreciated. It didn't respond like earlier projects where I built the mobile nav with ease using a fixed element and using inset-0. I didn't understand why it didn't work this time. Any other suggestion on my approach with state or anything else is really appreciated. Thank you :)

    1 comment

  • result-summary

    #accessibility#react#tailwind-css#vite
    P
    Arcloan•640
    Submitted about 1 month ago

    I don't know if it is correct to leave an empty div to let it take the role of root for a react app or is a better way from an accessibility/pratical point of view. Any suggestions are really welcomed! Thank you

    1 comment

  • pomodoro-app

    #tailwind-css#vite#accessibility
    P
    Arcloan•640
    Submitted about 2 months ago

    Any suggestions are really welcomed. Thank you :)

    0 comments

  • Gallery slideshow

    P
    Arcloan•640
    Submitted about 2 months ago

    I don't know if I used the right mindset for building this layout especially the slideshow part. Any suggestions on the overall layout and/or anything else is much appreciated. Thank you very much.

    1 comment

  • E-commerce Product Page

    P
    Arcloan•640
    Submitted 2 months ago

    Any suggestions on accessibility or any suggestions in general are really welcomed. Thank you very much :)

    1 comment
View more solutions

Latest comments

  • P
    Adam C•130
    @adam-crowleySubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of getting the form elements looking close to the design while still keeping their native accessibility.

    I also learnt a more detailed way to validate the form fields before the form is submitted (to prevent strings being entered instead of numbers for example).

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

    I found this exercise relatively straightforward, as I've used React Hook Form before. Most of the work was in the styling.

    Mortgage Repayment Calculator using React

    #react#react-hook-form#typescript#vite#accessibility
    1
    P
    Arcloan•640
    @ArcloanPosted about 1 month ago

    Really good work!

    1
  • P
    Arcloan•640
    @ArcloanPosted about 1 month ago

    Hi, really good work :) It seems you need to implement the logic for adding the desserts to the cart. So far you did a really good job.

    0
  • P
    Prem Kumar•370
    @prem-kumartSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Working on React, Next time I would like work on getting data from json file using React Hoooks

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

    This was my first time working with tailwind. Documentation came in handy

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

    Any other ways to implement the solution.

    Responsive Results Component

    #react#tailwind-css
    1
    P
    Arcloan•640
    @ArcloanPosted about 1 month ago

    Really good work!

    1
  • P
    Kamran Kiani•2,740
    @kaamiikSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing a fully functional Pomodoro app with a focus on accessibility and user experience. The integration of ARIA attributes to enhance accessibility and the use of local storage to persist user settings were significant achievements. If I were to do this project again, I would start by planning a more modular code structure to make the application easier to maintain and extend. Additionally, I would explore using a framework like react.

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

    One of the main challenges I encountered was managing the layout and styling of the number inputs when adding the max attribute, which caused unexpected shrinking. I overcame this by setting the dialog's width to 100% and applying flex: 1; to the input's parent container, ensuring consistent sizing. Another challenge was ensuring the app's accessibility, which I addressed by incorporating ARIA attributes and seeking guidance from accessibility experts in the community.

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

    I would like help with optimizing the performance of the app, particularly in terms of reducing any potential layout shifts or flickers when loading user settings. Additionally, guidance on implementing a more robust state management solution would be beneficial, as it could improve the scalability and maintainability of the application. Lastly, any advice on further enhancing the app's accessibility features would be greatly appreciated.

    Pomodoro App using Astro, Sass, Tailwind and Vanilla JS

    #accessibility#astro#sass/scss#tailwind-css
    1
    P
    Arcloan•640
    @ArcloanPosted about 2 months ago

    Really good work!

    0
  • P
    Arcloan•640
    @ArcloanPosted about 2 months ago

    Really good work!

    0
  • volti42•50
    @volti42Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I learned a bit about using Figma. My mastery of CSS properties has increased a little, and I'm happy that I’ve gradually learned to use Grid and Flex.

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

    I encountered challenges with mobile design. To overcome this, I used artificial intelligence and W3Schools.

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

    I think I have many gaps in mobile responsive design, and I would like help in this area.

    blog-preview-card

    1
    P
    Arcloan•640
    @ArcloanPosted 2 months ago

    Hi, the solution looks really great :) For the responsiveness of web pages you should stop using fixed width and height and start using, max-width to limit the width of a container, and possibly don't set a value for the height of a component. If you start thinking in max-width term you'll find it much more easy to build responsive pages.

    E.g. You could have used on the container max-width : 25rem and margin-inline : auto. (You used grid on the body and place-items to center it. It is equally valid)

    Anyway I recommend the youtube channel of Kevin Powell. He has a lot of amazing videos. You could learn a lot.

    Marked as helpful
    1
View more comments