frontend mentor's Job Listing (with Filtering)

built with React.js

This is a frontendmentor.io project to build an application to design specifications that will look great on any device. This application pulls data from a local JSON file and displays the job listings with React and styled-components. The code and live application are hosted on github!

screenshot colloage of desktop and mobile screens

Highlights

My Experience

This was my first solo React project and it helped to solidify the concepts that I learned from online tutorials. Primarily, I was eager to use React hooks, like useState and useEffect to manage state. And this was the first project where I used styled-components for styling the React components.

The primary flaw of this project is the file naming scheme. I struggled with how to name the components and their style counterparts. A secondary criticism would be the filter used to set the available jobs, it seems cumbersome.

Conclusion

Overall, I am satisfied with how the application turned out. The feedback received from frontendmentor was used to build a better React project, REST Countries API!