This is a solution to the Job listings with filtering challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Build out a job listing page and get it looking as close to the design as possible.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Filter job listings based on the categories
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Next.js - React framework
- A Modern CSS Reset
- A Complete Guide to Grid
- A Complete Guide to Flexbox
- CSS Button Styling Guide
- Next.js (useStaticProps, useStaticPaths) + Static JSON Data
- Javascript: Filter list of objects by a list of filter objects
- React Filter: Filtering Arrays in React (With Examples)
- The ultimate guide to the React useReducer Hook
- React Express: useReducer
- Website - www.richardcyrus.com
- Frontend Mentor - @richardcyrus