Prompt:
"Create a responsive, mobile-first web application for a job portal. The frontend should connect to a REST API with endpoints such as:
GET /api/jobs for listing job postings,
GET /api/jobs/:id for job details,
POST /api/jobs for employers to post new jobs,
POST /api/users for user registration,
POST /api/resume/generate to generate a resume,
GET /api/interview-prep/:jobTitle to fetch interview questions, and
POST /api/jobs/:id/apply for job applications.
The UI should include:
A homepage listing available jobs with filtering options (by location, industry, etc.),
A detailed job page with an ‘Apply’ button,
User registration and login forms,
A dashboard for job seekers to view saved jobs, generated resumes, and application statuses,
A section for career resources including interview preparation tools.
It must be styled using a modern CSS framework (e.g., Tailwind CSS or Bootstrap), support multiple regional languages, and have a clean, intuitive layout. Additionally, integrate basic SEO-friendly elements like meta tags and alt texts for images."
I'll create a responsive, mobile-first web application for a job portal using Next.js with the App Router, Tailwind CSS for styling, and integrate the required features. Let's break this down into components and pages.
First, let's create the main layout component and the home page with job listings.
This job portal application provides a solid foundation for further development and customization based on specific requirements and features needed for your project.
To make the preview visible, we need to ensure that we have a proper entry point for the application. Let's make some adjustments to the main page and layout to ensure the preview is visible.
With these updates, you should now be able to see the preview of the job portal application. The main page displays a list of job postings with a filter sidebar, all wrapped in a layout with a header and footer. This provides a good starting point for further development of the job portal application.