Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
31

Arcloan

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

  • Memory Game


    Arcloan•770
    Submitted about 2 months ago

    .


    1 comment
  • Personal finance


    Arcloan•770
    Submitted 2 months ago

    Any suggestions are really welcomed. Thank you :)


    1 comment
  • Rest Countries API

    #accessibility#next#tailwind-css

    Arcloan•770
    Submitted 3 months ago

    Any suggestions are really welcomed :) Thank you.


    1 comment
  • mortage-repayament

    #accessibility#react#tailwind-css#react-hook-form

    Arcloan•770
    Submitted 4 months 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

    Arcloan•770
    Submitted 4 months 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

    Arcloan•770
    Submitted 4 months 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
View more solutions

Latest comments

  • P
    MathiasHun1•700
    @MathiasHun1
    Submitted 2 months ago

    Responsive Memory-game

    1
    Arcloan•770
    @Arcloan
    Posted about 2 months ago

    Really good work :)

  • Wendy•2,150
    @wendyhamel
    Submitted almost 3 years ago
    What are you most proud of, and what would you do differently next time?

    I did not change anything to my solution from a few years ago. I'd like to update it to tailwind v4, but I ran into some problems with the toggle to darkmode. The API has gotten a lot slower and I'd like to try to bak it up with the data countries file in the new challange.

    Rest Countries Api with tailwind.css and Alpine.js

    #accessibility#tailwind-css#fetch
    1
    Arcloan•770
    @Arcloan
    Posted 3 months ago

    Really good work. yes you should switch to the file provided, the API doesn't work anymore.

  • Adam Crowley•170
    @adam-crowley
    Submitted 4 months 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
    Arcloan•770
    @Arcloan
    Posted 4 months ago

    Really good work!

  • Portalion•130
    @portalion
    Submitted 4 months ago

    product list with cart in react

    #react#typescript
    1
    Arcloan•770
    @Arcloan
    Posted 4 months 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.

  • Prem Kumar•370
    @prem-kumart
    Submitted 5 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
    Arcloan•770
    @Arcloan
    Posted 4 months ago

    Really good work!

  • P
    Kamran Kiani•2,780
    @kaamiik
    Submitted 6 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
    Arcloan•770
    @Arcloan
    Posted 5 months ago

    Really good work!

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub