Responsive Jobs Listing Site with Filtering Functionality
Design comparison
Solution retrospective
PROJECT OVERVIEW: Developed using Angular, Typescript, and SCSS.
FOCUSED ON: My main goal for this project was to nail the design as closely as possible to the challenge and keep the SCSS code clean. It also served as a refresher for my Angular skills.
PERSONAL CHALLENGE: Took on two tasks: implementing a bookmark feature and expanding job data in the JSON file by adding 5 extra jobs. This included the unique experience of directly manipulating SVGs in VSCode for design consistency, something I hadn't done before.
WHAT I LEARNED: I practiced more complex CSS rules, such as job-desc-footer-wrapper p:not(:last-child)::after
. Additionally, learned the process of directly manipulating SVG code.
STRUGGLED WITH: I continue to grapple with Typescript, especially in ensuring proper type checking using interfaces for data from API requests and other nuances of the language.
FINAL THOUGHTS: Despite a smooth start, I recognize the need for more practice in JavaScript/Typescript to enhance coding logic, speed, and efficiency in future projects.
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