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.