Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 8 months ago

Personal finance

Arcloan•770
@Arcloan
A solution to the Personal finance app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I managed to completely on my own to finish the project in 5 days. This was bigger than all my previous challenge. The next time I would improve accessibility on the custom select input.

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

Nothing in particular. I don't know anything about backend and database so I built the app completely based on client side code. I sometimes found a little pain having to wrap a lot of components into components with useEffect to safeHydrate or similar. With the backend the app would be much more clean with the addition of much more SSR and keeping the logic for the retrieve of the data in fetch/database call instead of keeping all in top level context and local storage.

I don't know if for the desktop design I used the right approach to hardcoding the value of the columns in pixel in the main grid as the design suggested these dimension. Otherwise it will end up with the wrong proportion.

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

Any suggestions are really welcomed. Thank you :)

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Arcloan's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

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

Frontend Mentor

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

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