An interactive and responsive job board interface built with modern frontend tools. This project is a solution to the Frontend Mentor Job Listings with Filtering challenge.
Users should be able to:
- View the optimal layout for the app depending on their device’s screen size
- See job listings with data from a local JSON file
- Filter job listings by role, level, tools, and languages
- Remove filters individually or clear all
- ⚛️ React (Functional components + hooks)
- 💅 CSS3 (for fast and responsive styling)
- 🔁 Filtering Logic (custom state management)
- 🌐 Deployed with Vercel
- Fully responsive and mobile-friendly layout
- Dynamic filtering system that updates in real-time
- Accessible and semantic HTML
- Clean, modular code structure
- Custom filter pill UI and active filter bar
public/
├── assets/ # logos and images
├── constants/ # constant data in JSON form
src/
├── assets/ # screenshots images of app with sites
├── components/ # Reusable UI components
├── pages/ # pages of the site
├── App.css
├── App.jsx
├── index.css
└── main.jsx
🧩 Challenge by Frontend Mentor
You can find the original challenge here.
Feel free to connect or reach out:
- Portfolio: sheetal-naik.vercel.app
- Email: [email protected]
- LinkedIn: linkedin.com/in/developer-sheetalnaik
Built with ❤️ by [Sheetal Naik]