Front End Mentor - Project 035 - Job listings with filtering

This is a solution to the Job listings with filtering challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • Tested with
  • Related blog posts
  • What I learned
• Author

Overview

Screenshot

• Desktop

• Mobile

Links

• Solution URL: https://github.com/rashidshamloo/fem_035_job-listings-with-filtering/
• Live Site URL: https://joblistings-rashidshamloo.vercel.app/
• API Endpoint: https://joblistings-rashidshamloo.vercel.app/api

My process

Built with

• TypeScript
• React
• Next.js
• Styled Components
• Redux Toolkit
• Framer Motion
• Zod

Tested with

• Cypress (component & e2e)

Related blog posts

• Preventing the Layout Shift Caused by Scrollbars

• Using Styled-Components with Next.js v13 (TypeScript)

• Testing the Redux Store using Cypress in Next.js (TypeScript)

What I learned

• Adding CORS to Next.js v13 API endpoints
• Styled-Components
• Redux Toolkit
• Redux Toolkit Thunk
• Zod
• e2e testing using Cypress

Author

Rashid Shamloo

• Portfolio - rashidshamloo.ir
• Linkedin - rashid-shamloo
• Frontend Mentor - @rashidshamloo
• Twitter - @rashidshamloo
• Dev.to - @rashidshamloo