marks

8
18

18

2
2

6
10

6
question
Analyze the use of custom hooks. List any three advantages of using Custom Hook.
Elaborate a custom React hook. Explain how to create and use a custom hook with an example. What are
the benefits of custom hooks?
Describe the useEffect hook in React? Describe its use cases such as data fetching, timers, and cleanup
functions. Provide examples.
Examples of hooks in REACT
Explain why hooks are preferred over class-based state management.

State management in Shopin cart or video game example

Example to showcase side effects in REACT

Compare usestate and useeffect

Explain state management. Consider the scenario of shopping cart
a)What can be considered as component in this analogy?
b)What represent a state change in shopping cart?
c)What might be the "state management system" in this analogy?

Use hooks to create counter application with increment decrement fuction

rules for applying hook with example

syntax of useState and useEffect .

MARKS
3
4
12
8
QUESTION
techniques that contribute to improved rendering and performance in React apps
reconciliation for smart rendering.
Re rendering example
Example to show rendering using virtual DOM
MARKS

12

12

15

12
 QUESTION

Create a functional component named G

Use JSX to display:
A heading (h1) that says: “Welcome to
A paragraph (p) with a short welcome m
A button that says “hit Me”.
Add basic styling and coloring to center th

Define JSX and apply your understanding by writing a simple React c

helps in creating the UI in React
Design a JSX code for a functional component called ProfileCard to d
with your name and a unordered list for the skills and ord
role of JSX in react. How does it differ from r
Explain component based architecture in React.Write a JSX code to
components header and footer and render them i
Illustrate React's approach to interpreting JSX elements with examp
Analyze the purpose of JSX in MERN stack. Explain how JSX is compile
. Include two examples showing how JavaScript expressions are used inside J
are used inside JSX.
MARKS
18
9
10
6
8
12
4
 QUESTION
Design a simple full-stack application using MERN stack that collects user input through a form and stores it in a dat
data and components used in each layer.
event handling. and use of onClick() and onSubmit() with suitable example.
form validation in React . Why is real-time important in user forms. Explain with example. Consider you are desg
username and password, which validations are required.
elements in form handling.
differences between controlled and uncontrolled components.
Make React Functional component that renders a registration form with the following fields FIRST Name,LAST NAM
button. Use onChange to update state and onSubmit to handle the form submission.
Illustrate form handling and user input in React with an example.
marks
2
3
2
2
2
4
4
4
6
6
6
6
6
4
5
5
10
10
15
6
6
12

18
question
Define CRUD operations in context of web development(no code required).
Explain the methods used to secure MongoDB deployments.
Explain the difference between $project and $lookup stages in aggregation.
Explain how to perform advanced queries using regular expressions in MongoDB.
Explain the use of indexes to improve query performance in MongoDB.
Define schema validation in MongoDB. Why is it important?
Explain the purpose and syntax of the $match stage in MongoDB aggregation.
Explain how the $group stage is used in MongoDB aggregation pipelines.
Explain how MongoDB handles authorization with roles and privileges.
Describe MongoDB and state how does it differ from traditional SQL databases?
Explain the process of inserting a new document into a MongoDB collection.
Discuss the steps to create a schema in MongoDB using Mongoose.
Define a field in a MongoDB schema. IIIustrate with example.
Apply your understanding of MongoDB to explain its advantages over other databases, and identify scenarios where using Mo
Compare the performance of MongoDB and SQL databases for handling unstructured data.
Differentiate Mongo DB and Traditional SQL.
Explain the document-oriented model used by MongoDB.
Demonstrate to insert a new document into a MongoDB collection.
Imagine You are working with a MongoDB collection named students that stores the following fields: name, roll_no, departme
a) Explain
Discuss theeach ofto
steps thecreate
CRUDaoperations (Create, Read,
schema in MongoDB usingUpdate, Delete) in MongoDB with appropriate methods. (6 Marks)
Mongoose.
Explain the use of field in MongoDB schema. IIIustrate with example.
Analyze the role of Node.js, React, Express, and MongoDB in a full-stack application and show how do these technologies inte

You are developing a RESTful API using Express.js and MongoDB for managing a products collection with fields: name, price, ca
a) Explain how Express.js is used to create routes for handling different HTTP methods.
b) Write Express.js route handlers to perform the following MongoDB operations using Mongoose:
POST: Add a new product document.
GET: Retrieve all products under the category "Electronics".
1
2

6
9
4
4
15
6

12
Give the full form of JSON.
Define a JSON schema.
Why is JSON preferred for data exchange in web applications?
Write a simple JSON object representing a student with the following details:

Name: "Amit"

Age: 21

Subjects: ["Math", "Science"]

Explain the role of double quotes in JSON strings and their impact on data parsing.
Explain any three key rules that must be followed while writing a valid JSON file with example.
Examine the properties of JSON contribute to its effectiveness in data interchange, and compare these properties with those
Categorize the structural and functional differences between XML and JSON and analyze their impact to use in data exchange
Analyze the use of primary data types supported by JSON syntax and how do they differ from each other?
Express the significance of using double quotes for strings in JSON, and how does it affect data parsing?

Analyze the purpose of JSX in MERN stack. Explain how JSX is compiled and how it differs from HTML. Include two examples sh
expressions are used inside JSX.
marks
3
3
3
3
9
8
8
5
10
15
question
Explain how modules in Node.js are used in building scalable applications.
Define the Node.js event loop and explain its role in asynchronous programming.
Discuss the significance of the 'index.js' file in a Node.js package?
Differntiate between MERN and MEAN Stack. List the commands to verify if Node.js and npm are correctly installed.
Illustrate the working of Node.js and interpret its use as most frequently.
Differentiate between Node.js event loop manage asynchronous operations and traditional multithreading models in handlin
Analyze how Node.js preferred over other backend technologies like Java and PHP in today's scenario?
Create a simple Node.js script that creates an HTTP server responding with "Hello, World!".
Analyze the structure of a simple Node.js application and identify each part (e.g., routes, server, logic).
Interpret the significance of the 'index.js' file in a Node.js package?
marks
2+3
4
10

9
2
2

15

6
2

15

3
 18

1
2
9

12
12

12

12
2
18
 question
Define Babel in React.Explain how JSX is rendered in browser using babel.
difference between transpiler and compiler
differentiate between functional and class components.
Consider a REACT application which increments the number when the button is clicked. Draw the interface
on the page and discuss how Virtual DOM enhances the perfomance.
Create the DOM tree for the code given <html>
<head>
<title>MY MERN APPLICATION</title>
</head>
<body>
<h1>Welcome to GALGOTIAS UNIVERSITY</h1>
<p>This is an introduction to FULL STACK</p>
<ul>
<li class="item">MONGODB</li>
<li class="item">EXPRESS.JS</li>
<li class="item">REACT</li> <li class="item">NODE.JS</li>
</ul>
</body>
</html>

Create a Login form in HTML.

diffing algorithm
Explain React.How is it different from other framework and list the pre-requiste software requirements to
create a React application.
Illustrate client server architecture. Consider Hospital Appointment Booking System which architecture will
be suitable for it. Justify your selection by comparing the strength and weakness of 2-tier and 3-tier
architecture.Identify the role of client and server in this structure and how the data is flowing in this?.
Justify Javascript is both client side and Server Side language.Create a javascript file to print name and
admission number on console.
write code using CSS
Explain Client-Server Architecture. Consider a library management system. If you build it using 3-tier
architecture, identify the role of each component (Client, Server, Database). Also, present the flow to show
how different components are connected. List the technologies if this architecture is implemented using
MERN stack.
How does Node.js contribute to the MERN stack?
What is the significance of using npm in a MERN project?
How MERN stack is different from MEAN stack.
Is javaScript client-side or server-side language? Justify
How is React different from other front end frameworks?
Explain component-based architecture.
Explain how Virtual DOM works? How it enhances the performance?
Create a functional component named WelcomeMessage.
Use JSX to display:
A heading (h1) that says: “Welcome to React!”
A paragraph (p) with a short welcome message.
A button that says “Click Me”.
Add basic inline styling to center the content.

Explain the role of props in react with example.

Explain the functional and class components in react.
Explain state management in react using hooks.
Explain Full stack development.
How the react apps are rendered in the browser and what causes to enhance the performance?
Explain the role of babel, diffing algorithm and reconciliation in react application.
Why hooks are better than managing state in class components?
Explain strengths and weakness of react library.
Differentiate between useState and useEffect hook.
Explain MERN stack.
Explain event handling.
Explain form handling in react.
Explain form validation along with example.
Create a Student component that takes name and grade as props. Use JSX to render multiple Student
components dynamically.
Create a counter app with increment and decrement buttons using useState. Implement a useEffect hook to
display a message when the counter updates.
Create a Card component with a title and description. Use a CSS Module (Card.module.css) to style the
component (e.g., add background color, padding, and rounded corners). Import and apply the styles in the
Card component. Render multiple Card components dynamically with different content.
Display the use of prop to pass multiple values as objects.
Create a Button.js component that takes a label prop and displays different button texts.
Expalin onChange() and onSubmit() event in react form.

Identify the error in the following code

return (
<h1>Welcome</h1>
<p>Start Learning React</p>
);

Give the syntax of class component

Explain asynchronous programming.
Interpret the usage and functionality of frontend and backend development technologies.

Explain Express.js.Mention any three features that makes it popular for backened development. Write a basic
Express.js program that:
Imports the Express module
Sets up a server on port 3000
Defines a GET route at / that responds with "Welcome to Express!"
Explain React Router. Why is routing important is single page applications.List any three components used in
React router.Give one example of routing.
Design a simple React component called Student that accepts props name and grade and displays them. Then,
render this component three times with different values in a parent component called App.
Write the code for both components and explain how props are passed.
Elaborate the steps involved in setting up a full-stack development environment for a MERN stack project.
Include installation and configuration of tools like Node.js, MongoDB, and React.
Justify your statement. Is react a programming language?
Design a simple full-stack application using MERN stack that collects user input through a form and stores it in a data
stores it in a database. Explain the flow of data and components used in each layer.
marks

1
2
9

12

12

12

12
question

Identify the error in the following code

return (
<h1>Welcome</h1>
<p>Start Learning React</p>
);
Give the syntax of class component
Explain asynchronous programming.
Interpret the usage and functionality of frontend and backend development technologies.
Explain Express.js.Mention any three features that makes it popular for backened development. Write a basic Express.js progr
Imports the Express module
Sets up a server on port 3000
Defines a GET route at / that responds with "Welcome to Express!"

Explain React Router. Why is routing important is single page applications.List any three components used in React router.Give
Design a simple React component called Student that accepts props name and grade and displays them. Then, render this com
different values in a parent component called App.
Write the code for both components and explain how props are passed.
Elaborate the steps involved in setting up a full-stack development environment for a MERN stack project. Include installation
like Node.js, MongoDB, and React.