CodePapa360 / Job-listings-with-filtering

Filter jobs based on role, level, languages, and tools. Build with HTML, CSS, and Vanilla JavaScript.

Job listings with filtering

Challenge from Frontend Mentor

🚀Live Demo || 💡Frontend Mentor

This app filters jobs by role, level, languages, and tools. It receives data from a local JSON file and manipulates it conditionally to provide the most relevant results. This project was a great way to practice filtering methods, and later upgrading it to TypeScript (starting from version 2.0.0) further enhanced type safety and maintainability.

Key Features

Users should be able to:

• Filter job listings based on the categories
• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

Built with

• TypeScript
• Sass
• HTML5
• Mobile-first workflow
• Vite - A JavaScript module bundler and development server.

Installation

• Clone this repo:

git clone https://github.com/CodePapa360/Job-listings-with-filtering.git

• Install dependencies:

npm install

• Build command:

npm run build

• Live server:

npm start

Author

👤 Alamin

• Twitter - @CodePapa360
• LinkedIn - @CodePapa360
• Frontend Mentor - @CodePapa360
• Github: @CodePapa360

Feel free to contact me with any questions or feedback!

Acknowledgments

This project was inspired by the "IP Address Tracker" challenge from Frontend Mentor. Special thanks to Frontend Mentor for providing the design and specifications for this project.

License

This project is licensed under the MIT License - see the LICENSE file for details.