Job Portal Application With React , Ant D , Firebase

Set up a new react project and configure firebase with a firebase config file, enabling authentication, database, real time database, storage, and hosting for web.

Set up the job portal project with Ant Design and Bootstrap, define the folder structure for users and admin, and integrate entity components for forms and modals.

Build a login and registration interface for a job portal using React and Ant Design, with a black and white theme and form items for email and password.

Convert the login form into a registration form by adding a username field, ensure login-register navigation, and apply basic styling as you prepare to connect to Firebase.

Implement the register user API in the job portal app by storing encrypted passwords in the Firestore users collection, checking for duplicates with a query, and returning structured responses.

Build a login user API in a React Firebase app by fetching the user by email, decrypting the password, and validating credentials, with local storage handling.

Implement authorization with protected routes using local storage to guard the home page and redirect unauthorized users to login, while enabling public routes for login and registration.

Learn to set up Redux Toolkit in a React app, create an alerts slice to manage a global loader, configure the store with reducers, and wire it through the provider.

Learn to build a reusable loader component wired to Redux Toolkit, read the loading state via useSelector, and display a centered Bootstrap spinner during login and registration API calls.

Design a flexible protected routes layout with a header, left sidebar, and content area, and implement a reusable default layout that renders children and adapts for multiple menus.

Build and style a user sidebar with home, applied jobs, post jobs, profile, and logout; enable navigation and active item highlighting, plus a collapsible header toggle with a hamburger icon.

Develop a dynamic profile page as an online resume with personal info, education and skills, experiences, and projects, organized by a three-tab layout and a reusable page title component.

Build the personal info section in a vertical form using the entity grid system, collecting first name, last name, email, phone, portfolio, objective, and address with Firebase.

Learn to implement dynamic education and experience forms using a form list in React, enabling on-the-fly adding of qualifications and roles with add/delete capabilities.

Guide to implementing update profile in a job portal app using React and Firebase, including save and cancel actions, form initialization, and an update profile API call.

Post new jobs for users and recruiters using a form with title, industry, location, company, salary, last date to apply, and description, then view posted jobs.

Add job posts to the jobs collection using ad hoc reference with a payload including status, and posted date via moment. Handle loading and errors, then navigate to posted jobs.

Display posted jobs in a table by fetching data with get posted jobs by user ID, mapping Firebase docs to rows with title, last day to apply, status, and company.

This lecture guides building the edit job flow in a React Firebase app, including fetching by id, pre-filling the form, updating the job doc, and redirecting after save.

Learn to implement delete job functionality in a React Firebase app: wire up on click delete, delete the document reference by ID, get data, and handle success or error messaging.

Set up an admin module that toggles the menu based on an admin flag in the user profile, exposing applications and jobs under admin routes.

Build an admin panel that fetches all jobs, sorts by posted date, enables approving and rejecting statuses, and adds an all users view for admin access.

Display the jobs list on the home page with filters and show each job as a card featuring title, company, location, salary, and last date to apply.

Build a dynamic job description page in a React and Firebase based job portal, fetching job details by id and displaying title, company, location, and description.

Implement a react and firebase job application flow that shows apply button only if the job is posted by another user and not already applied, and stores applications in database.