Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Job board application built in Angular, Angular Material, and Firebase

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

Solution retrospective


Keep in mind for filtering it has to be EXACT match for Location and Title. I used Firebase queries which sadly are limited to exact matches in this situation but having it exact isn't such a bad thing and so I kept it.

As usual the validation reports for the challenges do not accept Angular's custom attributes on the elements so there will be a lot of errors in the report which is out of my control.

I tried to make it as pixel perfect to the Figma diagrams as possible within reason. Lots of interesting challenges along the way. In this Angular application it includes Firebase for the backend, custom input components using Control Value Accessors, Angular Material theming for the light/dark theme as well for the main application colour scheme.

Angular Routing used for lazy loading features with multiple modules being loaded in depending on the content loaded. Eg. Detail view JavaScript won't be loaded if the user doesn't click any cards. Angular Resolvers used to verify data being loaded in from the backend before detail view components are loaded.

Light state management used via Angular services to keep track of local storage, style management, store state, etc.

Did the bonus requirement of making the application use the client's theme of choice for dark mode and light mode. Any comments and recommendations are appreciated, thanks for taking the time in viewing mine. :)

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