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.
Note: Delete this note and update the table of contents based on what sections you keep.
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
- Solution URL: https://www.frontendmentor.io/solutions/job-listings-using-vue3-typescript-tailwind-css-and-vitejs-vEfu83uR_Y
- Live Site URL: https://ap2soft.github.io/frontendmentor-job-listings/
- Mobile-first workflow
- Vue3 - The Progressive JavaScript Framework
- TypeScript - JavaScript with syntax for types
- Tailwind CSS - A utility-first CSS framework
- Vite - Next Generation Frontend Tooling (to build the project)
- Netlify - Webiste deployment
I learned basics of TypeScript, how to type things, as well as using it with Vue3.
I'm going to keep using TypeScript and Vue3 to get better with it.
- Website - Andrew
- Twitter - @andreich1980
Huge shout-out to my friend @redos7 for code reviews and JavaScript best practices tips.