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

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

What you'll 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

Requirements

React Basics

Node Basics

Javascript Basics

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 topicsAntAnt FormsAnt TablesAnt TabsReact Class and Functional ComponentsBuilding Complex and Dynamic forms with React and AntWorking with React-Redux actions, reducers, storeUser AuthenticationAdding new jobs from reactApplying to the jobs in the portalGetting applied candidates listSeparate UI for Job seeker and Job PosterManage Users, Jobs from ReactProtected routes Pushing Application to GITHUB.Version Control using GITBy 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.

Overview

Lecture 1 Introduction / Source Code

Section 1: Antd Topics

Lecture 2 Ant Intro

Lecture 3 Ant Forms

Lecture 4 Ant Forms IntialValues

Lecture 5 Ant Forms Rules

Lecture 6 Ant Nested Forms (FormList)

Lecture 7 Ant Tables

Lecture 8 Ant Tabs

Section 2: Front End Setup

Lecture 9 Creating React app

Lecture 10 Default Layout

Lecture 11 Navigation in Default Layout

Section 3: Backend Setup

Lecture 12 Node and Express Server Setup

Lecture 13 Mongo DB Connection

Section 4: First API Route

Lecture 14 Creating Job Model

Lecture 15 Adding static data to Mongo DB

Lecture 16 Get all jobs API - Postmon

Section 5: Redux Setup

Lecture 17 Setup Redux Store and Reducers

Lecture 18 Bring Redux State to Homepage

Lecture 19 Get all jobs action

Lecture 20 Loading reducer

Lecture 21 Design Homepage with API Data

Lecture 22 Design JobInfo Page

Section 6: User Authentication

Lecture 23 Creating User Model

Lecture 24 User Authentication API

Lecture 25 User Authentication Design

Lecture 26 User Authentication Actions

Section 7: Updating user profile

Lecture 27 Update user profile form - 1

Lecture 28 Update user profile form - 2

Lecture 29 Update user profile Actions and API

Section 8: Posting New Job

Lecture 30 Post Job - Design

Lecture 31 Post Job Action and API

Lecture 32 Posted Jobs List

Section 9: Edit Posted Jobs

Lecture 33 Edit Jobs - Design

Lecture 34 Edit Jobs - Actions and API

Section 10: Protected Routes

Lecture 35 Protected Routes

Section 11: Applying to Jobs

Lecture 36 Apply Job - Part 1

Lecture 37 Apply Job Part -2

Lecture 38 Getting applied jobs list

Section 12: Applied Candidates List

Lecture 39 Get all users API

Lecture 40 Filtering Applied candidates from all users

Lecture 41 User Info

Section 13: Filtering Jobs

Lecture 42 Filter Compoent Design

Lecture 43 Filter Component Logic

Section 14: Deployment

Lecture 44 CSS Fixings

Lecture 45 Deploy to Heroku

Full Stack Developers,React Developers,MERN Stack Developers