This my version of the Job listings with filtering challenge on Frontend Mentor challenge. Frontend Mentor challenges help you improve your coding skills by building realistic projects, I highly recommend it if you want to put your skills to the test!
This project consists of a simple list of jobs from various companies with a filter based on categories. It is also responsive to any device. You can check it out here
If you want to download the code, check the Project setup section.
soon
- Semantic HTML5 markup
- SCSS
- Flexbox
- Mobile-first workflow
- Vue - JS framework
- Json-serve - Mock API/Rest Tool
- Axios - Simplified HTTP requests lib
This project had the purpose of applying some of the Vue 3 framework concepts like the composition API, components and how to structure the routes and views using vue architecture. It also aimed to learn how to call an API and use Promises, the Axios library was chosen simply because I wanted to try something diferent from the Fetch option.
The Json-Server was chosen to "host the database" and mock the API endpoint I needed.
- Axios Catch Errors - This pattern of how to handle a lot of errors in Axios is simple and easy to understand.
- Image path in Vue 3 - I had some stupid issues understanding static image paths in Vue(LOL) and this amazing article helped me a lot.
- JSON Serve Vercel - This repository is just P-E-R-F-E-C-T if you need to host your Json serve mock in Vercel. It's worth taking a look at it
npm install
npm run serve
npm run build