Skip to content

Latest commit

 

History

History
49 lines (30 loc) · 2.07 KB

README.md

File metadata and controls

49 lines (30 loc) · 2.07 KB

Frontend Mentor - Job listings with filtering solution

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.

Table of contents

Overview

I made this project to practice my budding React skills. I also used an Material UI for the drawer and used Framer motion (now Motion) for the animations.

Screenshots

home screen with job listings

home screen with filtering

home screen with details of a job

Links

Built with

What I learned

I learned a lot about breaking a website up into to components and how to manage state across those components.This was also tricky for me to do the CSS to get the drawer to cause everything else to translate to the right and handle the mobile view.

Continued Development

I hope to build many more projects with React and improve my architecture, accessibility, clean code practices. I plan to learn Typescript, Testing, SCSS and Tailwind and try those in some upcoming projects. I also want to learn more about how to write efficient and maintainable React code and to better determine when effects and other hooks are actually needed or not.

Author