Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Jobs Listing Site with Filtering Functionality

@dev-jLagunas

Desktop design screenshot for the Job listings with filtering coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

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 GitHub
Discord logo

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