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.
- ๐ Live Site: DEMO
- GitHub Repository
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
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Next.js - React framework
- TailwindCSS - For styles
- Loading Data from File in Next.js - This helped me by providing an example on how to use the Next.js pages/api functionality for fetching data with SWR (stale-while-revalidate)
- Next.js TypeScript Types
- Resizing Next.js Images
- Frontend Mentor - @philliplam8