MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021

Build a Complete MERN Stack Job Portal application from scratch with React , Node , Express

4.50 (61 reviews)
Udemy
platform
English
language
Web Development
category
1,347
students
9.5 hours
content
Oct 2021
last update
$59.99
regular price

What you will learn

Ant Design Framework

Ant Design Layouts , Tabs , Forms , Tables

Working with API End Points

Mongo DB atlas and Compass

Redux States and Reducers

Working with local storage and Redux store

React Hooks, Async , Await with latest ES6

Dynamic Forms with Ant Design

Post Jobs , Apply Jobs

Getting Applied Candidates Resume.

Edit and Delete Options for Posted Jobs.

Responsive UI

Manage Jobs , Users anytime.

Protected routes for logged in users.

Deployment to Heroku.

By the end of the courses you will know how to work with redux states ,reducers,actions.

24/7 Q/A Support , Complete Source Code

Description

This is a Full Stack (MERN) Job Portal Application developed using React and React for Front End, Redux-Thunk for Asynchronous operations,

Node JS for Runtime environment, Express JS for Backend Routing, and Mongo DB for Database.

In this course, you will learn the following topics

  • Ant

  • Ant Forms

  • Ant Tables

  • Ant Tabs

  • React Class and Functional Components

  • Building Complex and Dynamic forms with React and Ant

  • Working with React-Redux actions, reducers, store

  • User Authentication

  • Adding new jobs from react

  • Applying to the jobs in the portal

  • Getting applied candidates list

  • Separate UI for Job seeker and Job Poster

  • Manage Users, Jobs from React

  • Protected routes

  • Pushing Application to GITHUB.

  • Version Control using GIT

  • By the end of the courses, you will know how to work with redux states, reducers, Middelwares including the payment gateway.

  • 24/7 Q/A Support.

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, MERN is the ideal approach to working with JavaScript and JSON, all the way through.


Content

Antd Topics

Ant Intro
Ant Forms
Ant Forms IntialValues
Ant Forms Rules
Ant Nested Forms (FormList)
Ant Tables
Ant Tabs

Front End Setup

Creating React app
Default Layout
Navigation in Default Layout

Backend Setup

Node and Express Server Setup
Mongo DB Connection

First API Route

Creating Job Model
Adding static data to Mongo DB
Get all jobs API - Postmon

Redux Setup

Setup Redux Store and Reducers
Bring Redux State to Homepage
Get all jobs action
Loading reducer
Design Homepage with API Data
Design JobInfo Page

User Authentication

Creating User Model
User Authentication API
User Authentication Design
User Authentication Actions

Updating user profile

Update user profile form - 1
Update user profile form - 2
Update user profile Actions and API

Posting New Job

Post Job - Design
Post Job Action and API
Posted Jobs List

Edit Posted Jobs

Edit Jobs - Design
Edit Jobs - Actions and API

Protected Routes

Protected Routes

Applying to Jobs

Apply Job - Part 1
Apply Job Part -2
Getting applied jobs list

Applied Candidates List

Get all users API
Filtering Applied candidates from all users
User Info

Filtering Jobs

Filter Compoent Design
Filter Component Logic

Deployment

CSS Fixings
Deploy to Heroku

Screenshots

MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Screenshot_01MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Screenshot_02MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Screenshot_03MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Screenshot_04

Reviews

Toh
July 10, 2023
the course is good but most of the concepts are outdated but its good for practice as you are going to carry out a lot of research on some new concepts. not for beginners at all
Ayush
March 26, 2022
mike is producing a lot unnecessary sound , which is breaking my concentration. quality of content is good but this noise is making a bad experience in such a good platform paid course.
Pelin
February 9, 2022
lovely teacher, i had some problems but the and-d documentation helped, thank you for everything I am motivated and happy continue with the actual project part now

Coupons

DateDiscountStatus
7/24/2022100% OFF
expired

Charts

Price

MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Price chart

Rating

MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Ratings chart

Enrollment distribution

MERN Stack Job Portal App : React ,Redux ,Node ,Mongo 2021 - Distribution chart
4282256
udemy ID
9/5/2021
course created date
9/9/2021
course indexed date
Bot
course submited by