Next JS v13.4 Job Portal Application

Focused View

K.Sathyaprakash Reddy

10:25:59

43 View

1. Introduction

1.1 Github Source Code.html

1. Promo Source Code.mp4

13:05

2. Create Next App.mp4

09:06

3. Folder Structure.mp4

10:50

2. Stylesheets

1. Antd Setup.mp4

09:27

2. Override Antd Components.mp4

10:53

3. Custom Classes.mp4

14:37

3. Login and Register Pages

1. Login Page.mp4

22:06

2. Register Page.mp4

06:03

4. API Routes and DB Setup

1. API Routes.mp4

12:12

2. Mongo DB Connection.mp4

14:39

5. Authentication APIS

1. User Model.mp4

04:55

2. Register API.mp4

08:59

3. Register API Integration.mp4

06:23

4. Login API.mp4

08:12

5. Login API Integration.mp4

07:58

6. Protected Routes & Middleware

1. Middleware.mp4

14:36

2. Protected API Routes.mp4

03:04

7. Getting LoggedIn User

1. Get Current User -1.mp4

08:10

2. Get Current User - 2.mp4

09:17

3. Get Current User using Server Components.mp4

15:09

8. Layout & Side Navbar

1. Layout-1.mp4

06:44

2. Layout-2.mp4

19:52

3. Layout-3.mp4

11:44

9. Redux Setup

1. Redux State Management Setup.mp4

19:26

2. Show Hide Loader using Redux.mp4

12:06

10. Logout

1. Logout Functionality.mp4

08:41

11. Profile Update

1. Profile Page Setup.mp4

09:52

2. Employee Form - 1.mp4

10:02

3. Employee Form - 2.mp4

17:25

4. User Model Enhancements.mp4

03:14

5. Employer Form.mp4

08:57

6. User Profile Update API.mp4

20:39

12. Creating Job Posts

1. Making the sidebar dynamic.mp4

12:51

2. Job Form.mp4

09:47

3. Add Job API.mp4

16:30

4. Display Added Jobs.mp4

18:21

13. Edit , Delete Jobs

1. Edit Job.mp4

15:09

2. Delete Job.mp4

03:03

3. Jobs Filter based on current user.mp4

06:59

14. Apply for Job Post

1. Display All Jobs in Homepage.mp4

20:42

2. Job Description.mp4

12:57

3. Apply For Job.mp4

13:36

4. Duplicate Application Restriction.mp4

09:30

15. Show Applications

1. Display Applications - 1.mp4

08:47

2. Display Application - 2.mp4

11:06

16. Appplication Status Update

1. Application Status Update - 1.mp4

07:41

2. Application Status Update - 2.mp4

05:42

17. Employee and Employer Info Pages

1. Dynamic User Info Page.mp4

11:22

2. Employer Info.mp4

07:48

3. Employee Info.mp4

17:33

18. Sending Emails

1. Nodemailer Setup.mp4

14:21

2. Send Email For Application Status Update.mp4

08:05

3. Send Email for New Application Received.mp4

02:31

19. Filters

1. Filters in Homepage.mp4

13:55

20. Deployment

1. Deploy To Vercel.mp4

04:05

2. Bug 1.mp4

12:53

3. Bug 2.mp4

02:22

Description

Build a Full stack job portal application using next js latest version 13.4

What You'll Learn?

Firstly, the application will have user login and registration forms, allowing users to create an account and log in to the portal with their credentials.
During registration, the application will check for duplicate users to ensure that there are no duplicate accounts created.
The application will also ensure that routes are secured with JWT tokens to protect user data and prevent unauthorized access.
To further enhance security, there will be middleware implemented for protected routes.
The application will support multiple user roles, including Employee and Employer. Employers will have access to create jobs and perform all CRUD (Create, Read,
To prevent duplicate applications, the application will restrict users from submitting multiple applications for the same job.
The application will also provide application status tracking, allowing users to track the status of their job applications. Employers will receive an email not
Employers will be able to view the profiles of the employees who have applied for their jobs, while employees will be able to view the profile of the companies

Who is this for?

Full Stack Developers

What You Need to Know?

React Basics

Next Basics

More details

Description
Hello, Welcome to the course Next JS v13.4 Job Portal Application 2023
Certainly, I'd be happy to elaborate on the features included in the Next JS v13.4 Job Portal Application 2023 course.

Firstly, the application will have user login and registration forms, allowing users to create an account and log in to the portal with their credentials.
During registration, the application will check for duplicate users to ensure that there are no duplicate accounts created.
The application will also ensure that routes are secured with JWT tokens to protect user data and prevent unauthorized access.
To further enhance security, there will be middleware implemented for protected routes.
The application will support multiple user roles, including Employee and Employer. Employers will have access to create jobs and perform all CRUD (Create, Read, Update, and Delete) operations related to the jobs. Employees, on the other hand, will be able to access all the jobs in the portal and can apply for jobs based on their qualifications.
To prevent duplicate applications, the application will restrict users from submitting multiple applications for the same job.
The application will also provide application status tracking, allowing users to track the status of their job applications. Employers will receive an email notification whenever a new application has been placed for one of their jobs, while employees will receive an email notification whenever the status of their application is updated.
Employers will be able to view the profiles of the employees who have applied for their jobs, while employees will be able to view the profile of the companies that have posted the jobs.

Next.js 13 is the latest version of the popular React framework. It was released on March 8, 2023, and includes a number of new features and improvements.
Here are some of the highlights of Next.js 13:
New Image component: The new Image component makes it easier to display images without layout shift and optimize files on-demand for increased performance.
New Font system: The new Font system automatically optimizes your fonts, including custom fonts. It also removes external network requests for improved privacy and performance.
New App Router: The new App Router provides a more flexible and powerful way to manage routing in your Next.js application.
Improved performance: Next.js 13 includes a number of performance improvements, including faster image loading and improved hydration.
If you're using Next.js, I recommend upgrading to version 13. It's a major release with a number of great new features and improvements.
Here are some additional details about the new features in Next.js 13:
New Image component: The new Image component is a major improvement over the previous Image component. It supports native lazy loading, which means that images are only loaded when they are visible on the screen. This can significantly improve performance, especially on mobile devices. The new Image component also supports automatic image optimization, which can further improve performance.
New Font System: The new Font system is a significant improvement over the previous font system. It automatically optimizes your fonts, including custom fonts. It also removes external network requests for improved privacy and performance. The new Font system also supports automatic self-hosting for any font file. This means that you can host your fonts on your own server, which can further improve performance.
New App Router: The new one is a major improvement over the previous one. It provides a more flexible and powerful way to manage routing in your Next.js application. The new App Router supports nested routes, dynamic routes, and more.
Improved performance: Next.js 13 includes a number of performance improvements, including faster image loading and improved hydration. Hydration is the process of converting a server-rendered page into a client-rendered page. Next.js 13 has improved hydration performance, which can lead to a smoother user experience.
If you're using Next.js, I recommend upgrading to version 13. It's a major release with a number of great new features and improvements.
Who this course is for:
Full Stack Developers

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

K.Sathyaprakash Reddy

Instructor's Courses

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.