Skip to content

Devjobs web app

A single page application powered by React to display different job offerings. Contains a filter and dark mode.

Devjobs web app

This is a solution to the Devjobs web app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

For this challenge, I chose React, React Router, and TypeScript as the foundation. Everything is structured into maintainable components, pages, hooks, and services. For the CSS, I went with Styled Components, as it makes it easy to implement different themes. This came in handy when building the dark mode toggle.

The data is retrieved with the Fetch API, coming from a JSON file inside the public folder. CSS Flexbox and Grid are used to compose the different layouts, which are responsive.

The challenge comes courtesy of Frontend Mentor, which I regularly use to sharpen my skills and play around with new technologies.