medicine app using mern stack and ml

1. HEALTH
MANAGEMENT
APPLICATION-
MediQUICK

2. KNOW THE FRONTEND!
MY ROLE IN THE PROJECT WAS TO IMPLEMENT THE WEB
DESIGNING PART.HTML IS THE BACKBONE OF ANY
WEBSITE.HERE WE USED MANY TAGS LIKE <IMG>,<BUTTON>,
<META>,<BR>,<FORM>,<INPUT>,<LABEL>,<DIV> ETC. WHICH ARE
ESSENTIAL FOR THIS PROJECT.
<IMG> USED FOR SHOW IMAGE,
<BUTTON> IS USED FOR SUBMIT OR RESET THE FORM,
<FORM> IS USED TO CREATE HTML FORMS FOR USER INPUT. AN
HTML FORM IS A SECTION OF A WEB PAGE THAT CONTAINS
VARIOUS TYPES OF INPUT ELEMENTS.TEXTBOXES,
CHECKBOXES, RADIO BUTTONS, BUTTONS, ETC.
<DIV> TAG IS A CONTAINER ELEMENT ,USED TO GROUP AND
ORGANIZE OTHER HTML ELEMENTS.

7. MAKING PAGES DYNAMIC WITH REACTJS
A JAVASCRIPT PACKAGE CALLED REACT IS USED TO CREATE THE USER INTERFACE. THE UI FOR OUR APPLICATION IS
BUILT USING REACT ON THE CLIENT SIDE OF THE MERN STACK (MONGODB, EXPRESS.JS, REACT.JS, NODE.JS). WHEN A
USER INTERACTS WITH HER MERN STACK APPLICATION USING HER REACT, THE UI IS RENDERED IN THE BROWSER.
HOOK USED:
USESTATE
THE USESTATE HOOK IS REACT'S BUILT-IN HOOK THAT LETS YOU ADD STATE TO YOUR FUNCTIONAL COMPONENTS.IT IS
USED TO DECLARE AND MANAGE STATE VARIABLES.THERE ARE THREE STATE VARIABLES DECLARED IN THE USESTATE
HOOK.
USEEFFECT
THE USEEFFECT HOOK IS REACT'S BUILT-IN HOOK THAT ALLOWS YOU TO HANDLE SIDE EFFECTS IN YOUR FUNCTION
COMPONENTS.. THE USEEFFECT HOOK RUNS ONLY ONCE, AS INDICATED BY THE EMPTY DEPENDENCY ARRAY []
PASSED AS THE SECOND ARGUMENT TO USEEFFECT. THIS MEANS THAT THE FETCHDATA FUNCTION IS CALLED ONLY
ONCE WHEN THE COMPONENT IS FIRST MOUNTED.
USENAVIGATE
USESTATE IS A REACT HOOK USED TO DECLARE AND MANAGE STATE VARIABLES.THERE ARE THREE STATE VARIABLES
DECLARED IN THE USESTATE HOOK.

8. ACCURACY SCORE OF THE
MODELS
USEEFFECT
USESTATE

9. ROUTING
It is a package that provides routing
functionality for our application. It builds on the
React Router library and provides a declarative
way to define routes in our application. It allows
us to create different pages or views for different
URL paths in the application.
REACT-ROUTER-DOM
01
A browser router is a component in a web application
that handles routing or navigation within the
application. It is responsible for interpreting the URL of
the current page and mapping it to the appropriate
view or component in the application.
BROWSER ROUTER
02

10. REACT-ROUTER-DOM
BROWSER-ROUTER

11. AXIOS
Axios is a JavaScript library that provides a simple,
easy-to-use interface for making HTTP requests from
a web browser or Node.js application.
Axios allows us to send HTTP requests such as GET,
POST, PUT, DELETE to our server and receive
responses in various formats such as JSON, XML, and
plain text(In our case it is in JSON format).

12. It is used in React to protect and protect sensitive
information such as authentication credentials and
other user data during communication between
client and server. .
TOKENIZATION
Toaster is a type of notification component that
displays a small popup message on the screen to
give the user feedback about an action or event that
has occurred.
TOASTER

13. MAKING BACKEND WITH NODEJS
Node.js is a popular open-source, cross-platform, server-side runtime environment that
allows developers to use JavaScript on the server-side to build fast, scalable, and event-
driven applications. Node.js is built on the V8 JavaScript engine, the same engine that
powers Google Chrome, which makes it a powerful and efficient platform for building
server-side applications.
TECHNOLOGY USED:
EXPRESS JS
BCRYPTJS
JWT WEB TOKEN
.ENV
MONGOOSE

14. Express JS
Express.js is a popular web application framework
for Node.js. It provides a set of features and tools for
building web applications and APIs, including
routing, middleware, and templating. Express.js
makes it easier to create server-side web
applications in Node.js by simplifying common tasks
such as handling requests and responses, parsing
request data, and managing sessions.
/register
/login
/all
/search
/addtocart
/showcart
/getmedicine

15. Bcrypt Js
bcryptjs is a library for Node.js that provides an
implementation of the bcrypt hashing algorithm.
The bcrypt algorithm is a widely used and secure
method for hashing passwords, which makes it
difficult for attackers to obtain the original password
from the hashed value.

16. JSON Web Token
JSON Web Token (JWT) is a compact, URL-safe means
of representing claims to be transferred between two
parties. JWTs are often used for authentication and
authorization purposes in web applications. When a
user logs in, the server generates a JWT that contains
information about the user. JWTs consist of three parts:
a header, a payload, and a signature. The header
contains information about the algorithm used to sign
the token, the payload contains the claims, and the
signature is used to verify the integrity of the token.

17. Mongoose
Mongoose is an Object-Document Mapping (ODM)
library for Node.js and MongoDB. It provides a simple
and intuitive way to interact with MongoDB from
Node.js applications by defining schemas and models
for MongoDB collections. With Mongoose, developers
can define schema structures for their MongoDB
collections, which allows for better data validation,
easier data manipulation, and more efficient querying.

18. .env
CORS (Cross-Origin Resource Sharing) is a security
mechanism implemented in web browsers to
restrict JavaScript running in the browser from
making requests to a different domain than the
one from which the script was served.
CORS
.env is a file used for setting environment
variables in a Node.js application. It stands for
"environment" and is a plain text file that contains
key-value pairs separated by an equals sign.

19. MEDICINE RECOMMENDATION
SYSTEM
A CUSTOM DATASET HAVING THE DISEASE NAME AND THEIR SYMPTOMS IS FIRST CLEANED SUING IMPUTING AND
SCALING TECHNIQUES
AFTER THAT WE ENCODE ALL THE VALUES THAT ARE MISSING AND ALSO THE CATEGORICAL COLUMNS.
ALL THE DATA PREPROCESSING TECHNIQUES ARE COMPLETED STEP BY STEP
MODELS USED:
K MEANS CLUSTERING:
WE ARE USING A MACHINE LEARNING APPROACH CALLED K-MEANS CLUSTERING THAT IS USED TO CLUSTER OR
ARRANGE SIMILAR DATA POINTS INTO GROUPS DEPENDING ON HOW SIMILAR THEIR ATTRIBUTES ARE. THE METHOD
USED BY THE ALGORITHM IS AN ITERATIVE OPTIMIZATION OF THE SEPARATION BETWEEN THE CENTROIDS OF THE
CLUSTERS TO WHICH THE DATA POINTS BELONG.
RANDOM FOREST:
A RANDOM SUBSET OF THE TRAINING DATA AND A RANDOM SUBSET OF THE CHARACTERISTICS ARE USED TO FORM
EACH TREE IN THE FOREST, WHICH IS HOW IT WORKS. THE RESULTS OF EACH INDIVIDUAL TREE ARE COMBINED TO
PRODUCE THE RANDOM FOREST'S OVERALL OUTPUT.
STOCHASTIC GRADIENT DISEASE:
WHEN THE COST FUNCTION IS NON-CONVEX OR THERE ARE MANY TRAINING SAMPLES, IT IS ESPECIALLY HELPFUL FOR
DEEP LEARNING AND LARGE-SCALE OPTIMIZATION ISSUES.

20. ACCURACY SCORE OF THE
MODELS

21. DEPLOYMENT
Pickle is a Python programming language
module that allows serialization and
deserialization of Python objects
WSGI (Web Server Gateway Interface) is a specification for a
standardized interface between web servers and Python web
applications or frameworks. It allows web servers to communicate
with Python web applications or frameworks over standard protocols,
facilitating the development of web applications that can run on any
WSGI-compliant web server.
PICKLE:
WSGI

22. MediQUICK - AN ALL TIME
SOLUTION To Medical
Problems
Thankyou