Mern Stack Resume Builder - React , Node , Mongo Db , Antd

Posted By: ELK1nG

Mern Stack Resume Builder - React , Node , Mongo Db , Antd
Last updated 3/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.54 GB | Duration: 4h 57m

Develop your own Resume Builder Application with the worlds most popular tech stack MERN

What you'll learn

MERN Stack all CRUD Operations

Understanding how Real Time Projects developed using the world most popular tech stack MERN.

Building complex Web Apps without using State Management Tool like Redux.

Working with the best Non Relational database Mongo DB

Develop your own Resume Builder without depending on any third party websites.

24/7 Support from the team

By the end of the course you will know you to work full stack applications in both local and production environment

Deploying the app to Heroku ( Live Production Environment )

Requirements

React Basics

Node JS Basics

Better understanding of Javascript

Description

Hi , Welcome to the course MERN Stack Resume BuilderIf went want to build any professional Resume / CV , mostly we will choose third party websites or MS Word . But now as a Web Developer we should not depends like other people for resumes. We can develop our own resume builder with the technologies which we already knew. So In this course I will teach you how to develop your own resume builder with the worlds most popular tech stack MERN.We will learn the following concepts on the next five hours.MERN Stack all CRUD OperationsUnderstanding how Real Time Projects developed using the world most popular tech stack MERN.Building complex Web Apps without using State Management Tool like Redux.Working with the best Non Relational database Mongo DBDevelop your own Resume Builder without depending on any third party websites.24/7 Support from the teamBy the end of the course you will know you to work full stack applications in both local and production environmentDeploying the app to Heroku ( Live Production Environment )MERN Stack: MERN Stack is a JavaScript Stack that is used for easier and faster deployment of full-stack web applications. MERN Stack comprises of 4 technologies namely: MongoDB, Express, React and Node.js. It is designed to make the development process smoother and easier.MongoDB: A document-oriented, No-SQL database used to store the application data.NodeJS: The JavaScript runtime environment. It is used to run JavaScript on a machine rather than in a browser.Express JS: A framework layered on top of NodeJS, used to build the backend of a site using NodeJS functions and structures. Since NodeJS was not developed to make websites but rather run JavaScript on a machine, Express JS was developed.ReactJS: A library created by Facebook. It is used to build UI components that create the user interface of the single page web application.Each of these four technologies plays an important role in providing an end-to-end framework for the developers. Even these four technologies play an important role in the development process of web applications.Before MERN stack, it was earlier named as MEAN stack, MERN Stack is one of the variations of MEAN, here MEAN is also comprises of four components or say four different technologies, i.e., M is for MongoDB, ' E ' is for Express, ' A ' is for Angular.js, and ' N ' is for Node, here if you will observe, then you can identify that in MEAN, ' A ', i.e., Angular.js is replaced by ' R ', i.e., React.js in MERN, the main reason behind is - MERN Stack is mainly used for faster development of smaller applications as compared with MEAN, MEAN stack is a mainly better option for large-scale applications. Still, it takes more time for the development of smaller applications. They also both have different structures comparatively.

Overview

Section 1: Introduction / Resources

Lecture 1 Promo / Github Repo

Section 2: FrontEnd Setup

Lecture 2 React App Setup

Lecture 3 Routing and Folder Structure

Section 3: Layout Setup

Lecture 4 Layout Part-1

Lecture 5 Layout Part-2

Section 4: Backend Setup

Lecture 6 Node

Lecture 7 Mongo Connection

Lecture 8 User Model

Lecture 9 Authentication API's

Section 5: Authentication

Lecture 10 Login / Register Screens

Lecture 11 Login / Register API Integration

Section 6: Loaders and Protected Routes

Lecture 12 Loader

Lecture 13 Protected Routes

Section 7: Update Profile UI

Lecture 14 Profile Page

Lecture 15 Update Profile - Personal Info

Lecture 16 Update Profile - Skills & Education

Lecture 17 Update Profile - Projects and Experience

Section 8: Update Profile API Integration

Lecture 18 Update Profile API

Lecture 19 Update Profile Integration

Section 9: Templates Creation

Lecture 20 Templates Intro

Lecture 21 First Template - 1

Lecture 22 First Template - 2

Section 10: Pointing Templates to Homepage

Lecture 23 Home page

Lecture 24 Pointing templates to homepage

Section 11: Print Resume

Lecture 25 Print Template

Lecture 26 Second Template for Reference

Section 12: Deployment

Lecture 27 CSS Fixes and Refractor

Lecture 28 Push code to Github

Lecture 29 Deploy to HEROKU

MERN Stack Developers,React Developers,Full Stack Developers,Students who want to build Real World Projects with MERN Stack