Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Reactive Invoice app built using Angular and Firebase

angular, firebase, sass/scss, typescript
Curtis•960
@webguy83
A solution to the Invoice app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Was a pretty fun project to build. Learned lots of new features in Angular especially building custom pipes, resolvers, and making this in a reactive style using Observables. The most complex part of the app was the side nav form and making 4 nested reactive forms into one master form. Lots of custom UI reusable components were built and also custom input elements for the Angular reactive form mechanism. Had to learn Control Value Accessors to get this to integrate properly. What a learning curve this part of the project was.

I included all the validation requirements from the Figma diagram/readme and tried to get the colours and layout to match as close as reasonably possible. Looking forward to more challenging Guru projects! Looking forward to any feedback.

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 Curtis'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