Menu

Developing the Pages

Developing the Pages

The pages folder holds the two main screens of the app, each one bringing its components together with actual data.

•     JobSeekerPage.jsx renders the shared Navbar, the TabSwitcher, a search bar, and loops through a list of jobs using .map() to render a JobCard for each one.

It manages the applications state, so when the Apply form is submitted, the new entry is added to the top of the list and instantly reflected in the "My Applications" table.

•     EmployerAdminPage.jsx also renders the shared Navbar, then the AdminTabSwitcher, followed by whichever section is active — dashboard stats, the jobs table with its Add/Edit modal, or the applicants table with its status dropdowns — all driven by shared jobs and applications state local to this page for now.