Skip to content
Submitted about 1 year ago

Responsive Job Listing with React Js

Mark Angel Papio•810
@ExiviuZ
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Job listings with filtering
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

It was kind of easy because building the website static first is the best approach when it comes to using react. The filtering logic is kind of challenging but when you are aware of different Array methods you can easily think about the process. Any feedback are welcome.

Community feedback

  • Lukáš Říha•225
    @lukasrihaPosted about 1 year ago

    Hi Mark Angel Papio :)

    Great attempt!

    I recommend having either css or scss only - having both is redundant. Remember - all css is valid scss, but not the other way around, therefore I recommend you use scss :) Also I recommend importing all the scss/css in the entrypoint the project - you import some styles in main.jsx, others in App.jsx.

    Also, try not to have all your javascript in one file. The common approach is to create a components folder and have your components there. Thus, your project structure would look like this:

    src
|-> /components
      |-> /TopBackground.jsx
      |-> /JobList.jsx
      |-> /Job.jsx

    Also I recommend not using inline functions in your onClick handlers

    Other than that great job! :)

    Marked as helpful
    1
    Mark Angel Papio•810
    @ExiviuZPosted about 1 year ago

    @lukasriha Thanks A lot!

    0
    Lukáš Říha•225
    @lukasrihaPosted about 1 year ago

    @ExiviuZ happy to help :)

    0

Please log in to post a comment

Log in with GitHub

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