Job board application built in Angular, Angular Material, and Firebase
Design comparison
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. :)
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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