Job Search Platform
Build a modern job search platform based on the provided design. The interface should include a top navigation bar, hero search section, filters sidebar, jobs listing area, sorting controls, job alert cards, and pagination. Use HTML for structure, CSS for styling, JavaScript for interactive filtering and rendering, and an API or mock JSON data source to load jobs dynamically. Users should be able to search by position, filter by location, salary, date of posting, work experience, and type of employment. The final result should focus on clean layout, responsive design, structured job cards, and a real search experience.
Attention
This challenge does NOT include downloadable assets.
You are expected to:
- Use your own images, icons, and resources when needed
- Recreate the design based on the provided Figma file
- Respect the main brand identity, colors, logo, and key visual elements
- Keep the overall UI structure, layout flow, and important sections consistent with the design
You are NOT required to use the exact same images, text content, or placeholder data from the original design.
Your focus should be on:
- Brand colors
- Logo usage
- Layout structure
- Spacing and alignment
- UI architecture
- Required functionality
Minor differences in content, images, or displayed data are acceptable, but the overall visual identity and core design direction should remain clearly consistent with the challenge.
Project Requirements
- Build the full job platform page based on the provided design
- Use semantic HTML5 structure
- Style the full interface using CSS
- Use JavaScript for dynamic rendering and filtering behavior
- Integrate an API or mock JSON data source for job listings
- Create a top navigation bar with logo, links, and auth buttons
- Build a hero section with heading, subtitle, and search form
- Add search fields for job title and location
- Create a filters sidebar with radio buttons, checkboxes, and salary options
- Allow users to filter jobs by location type
- Allow users to filter jobs by salary range
- Allow users to filter jobs by posting date
- Allow users to filter jobs by experience level
- Allow users to filter jobs by employment type
- Build a jobs listing section with company logo, title, location, job type, salary, and posted date
- Add sorting or filter dropdown control above job listings
- Create side cards such as email alerts and resume upload
- Implement pagination or load-more behavior
- Render all jobs dynamically using JavaScript
- Add hover and active states for buttons, cards, and filters
- Make the layout responsive for tablet and mobile devices
- Keep code clean and organized across HTML, CSS, and JavaScript files
Ready to submit your solution?
Upload your project for mentor review and showcase your structure, polish, and implementation quality.
Login Required
You need to be logged in to submit your solution for this challenge.