MERN Stack Blood Bank App_1

MERN Stack Blood Bank App, available at $74.99, has an average rating of 4.8, with 42 lectures, based on 21 reviews, and has 103 subscribers.

You will learn about Working on a complete real-time project Tailwind CSS and Ant Design Implementing Redux and Redux Toolkit Working with complex Mongo Db queries like aggregation, grouping, etc Separate Interfaces for Donors, Organizations, Hospitals All categories of users will have their own login and registration screens. Donors can see all their donations records and list of hospitals and organizations where they have donated blood and also the quantity Compared to hospitals, and donors, the Organization users will have a lot of modules like the dashboard, analytics, all the filters, etc. Hospitals can have the access to see how much quantity of blood they have consumed from different organizations with all the details QA Support and Code Access This course is ideal for individuals who are Full Stack Developers It is particularly useful for Full Stack Developers.

Enroll now: MERN Stack Blood Bank App

Summary

Title: MERN Stack Blood Bank App

Price: $74.99

Average Rating: 4.8

Number of Lectures: 42

Number of Published Lectures: 42

Number of Curriculum Items: 42

Number of Published Curriculum Objects: 42

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Working on a complete real-time project

Tailwind CSS and Ant Design

Implementing Redux and Redux Toolkit

Working with complex Mongo Db queries like aggregation, grouping, etc

Separate Interfaces for Donors, Organizations, Hospitals

All categories of users will have their own login and registration screens.

Donors can see all their donations records and list of hospitals and organizations where they have donated blood and also the quantity

Compared to hospitals, and donors, the Organization users will have a lot of modules like the dashboard, analytics, all the filters, etc.

Hospitals can have the access to see how much quantity of blood they have consumed from different organizations with all the details

QA Support and Code Access

Who Should Attend

Full Stack Developers

Target Audiences

Full Stack Developers

Hello All, Welcome to the course ‘MERN Stack Work Management Tool’

The following topics will be covered in the following, apart from these I would request you to watch the free project demo.

In that video,  I covered all the functionalities and modules with clear explanations and requirements.

Working on a complete real-time project

Tailwind CSS and Ant Design

Implementing Redux and Redux Toolkit

Working with complex Mongo Db queries like aggregation, grouping, etc

Separate Interfaces for Donors, Organizations, Hospitals

All categories of users will have their own login and registration screens.

Donors can see all their donations records and list of hospitals and organizations where they have donated blood and also the quantity

Organizations can take blood from the donors and they will provide blood to hospitals based on the requirements.

Compared to hospitals, and donors, the Organization users will have a lot of modules like the dashboard, analytics, all the filters, etc.

Hospitals can have the access to see how much quantity of blood they have consumed from different organizations with all the details

QA Support and Code Access

What is MERN Stack?

MERN Stack is a collection of powerful technologies and robust, used to develop scalable master web applications comprising backend, front-end, and database components. It is JavaScript that is used for the faster and easier development of full-stack web applications. MERN Stack is a technology that is a user-friendly full-stack JavaScript framework for building applications and dynamic websites.

MERN Stack consists of four main components or can say four main technologies:

1. M stands for MongoDB ( Database ), mainly used for preparing document databases,s and is a NoSQL (Non-Structured Query Language ) Database System

2. E stands for Express, mainly used for developing Node.js web framework

3. R stands for React, mainly used for developing a client-side JavaScript framework

4. N stands for js, mainly used for developing the premier JavaScript web server

Each of these four technologies is important 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 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.

Course Curriculum

Chapter 1: Demo

Lecture 1: Project Demo

Chapter 2: Introduction

Lecture 1: React App

Lecture 2: Antd

Lecture 3: Tailwind

Lecture 4: Folder Structure

Chapter 3: Front End Authentication

Lecture 1: Donar Registration

Lecture 2: Hospital/Organization Registration

Lecture 3: Login

Chapter 4: Backend Setup

Lecture 1: Node Setup

Lecture 2: Node and Mongo Connection

Chapter 5: Backend Authentication APIS

Lecture 1: User Model

Lecture 2: Register API

Lecture 3: Login API

Chapter 6: Authentication APIS Integration

Lecture 1: Register API Integration

Lecture 2: Login API Integration

Chapter 7: Protected Routes and Middlewares

Lecture 1: Protected Route In UI

Lecture 2: Authorization Middleware API

Chapter 8: Redux Setup

Lecture 1: Store Setup

Lecture 2: Show and hide loaders using redux

Chapter 9: Layout

Lecture 1: Layout

Chapter 10: Inventory – UI

Lecture 1: Scenarios Explanation

Lecture 2: Profile Page

Lecture 3: Inventory Form

Chapter 11: Inventory – Backend

Lecture 1: Inventory Model

Lecture 2: Inventory APIS

Lecture 3: Show Inventory Records

Lecture 4: Inventory Out – API

Chapter 12: Organization Profile

Lecture 1: Showing Donars

Lecture 2: Showing Hospitals

Chapter 13: Donars and Hospitals Profile

Lecture 1: Showing Organizations For Donars

Lecture 2: Show Organizations for Hospitals

Lecture 3: Showing Consumptions using Common Inventory Table

Lecture 4: Showing Donations For Donars

Lecture 5: Inventory History

Chapter 14: Testing

Lecture 1: Test Scenarios

Chapter 15: Organization Dashboard

Lecture 1: Org Dashboard API

Lecture 2: Org Dashboard UI

Lecture 3: Recent Inventory Records In Dashboard

Chapter 16: Donars and Hospitals Dashboard

Lecture 1: Donars & Hosptal Dashboard

Lecture 2: Inventory Columns Change Based On User Type

Lecture 3: Inventory Column Bug Fix

Chapter 17: Deployment

Lecture 1: Pushing to Github & Deploy to Render IO

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 7 votes

5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!