PANIMALAR ENGINEERING COLLEGE

(An Autonomous Institution, Affiliated to Anna University Chennai)

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

Vision
To create a dynamic academic environment that nurtures technologically proficient individuals with a spirit
of research, innovation and effective communication while instilling strong social awareness and national
responsibility, enabling them to excel in the field of Computer Engineering.

Mission
M1: To establish a dynamic academic environment with dedicated faculty and modern resources, fostering
expertise in both fundamental concepts and emerging computing domains.

M2: To equip students with industry-relevant skills, critical thinking abilities, and leadership qualities,
while instilling ethical values and a sense of responsibility through knowledge dissemination and
technological advancements for societal progress.

M3: To drive collaborative innovation through partnerships with academia and industry, ensuring seamless
exchange of expertise, leading to intellectual property creation, product development, commercialization,
and sustained research funding.

PEO (Programme Educational Objectives)

PEO 1: Technical Competence and Problem-Solving: Develop a strong foundation in computer science and
interdisciplinary domains to design and implement effective solutions for real-world engineering
challenges.
PEO 2: Career Growth and Leadership: Excel in technical and professional roles across industries,
entrepreneurship, and higher education while demonstrating leadership, teamwork, and adaptability.
PEO 3: Innovation, Research and Ethical Excellence: Engage in cutting-edge research, address industry
needs, and develop innovative software solutions while upholding ethical responsibility and professional
integrity.

PROGRAMME OUTCOMES

PO1: Engineering Knowledge: Apply knowledge of mathematics, natural science, computing, engineering
fundamentals and an engineering specialization as specified in WK1 to WK4 respectively to develop to the
solution of complex engineering problems.

PO2: Problem Analysis: Identify, formulate, review research literature and analyze complex engineering
problems reaching substantiated conclusions with consideration for sustainable development. (WK1 to
WK4).
PO3: Design/Development of Solutions: Design creative solutions for complex engineering problems and
design/develop systems/components/processes to meet identified needs with consideration for the public
health and safety, whole-life cost, net zero carbon, culture, society and environment as required. (WK5).

PO4: Conduct Investigations of Complex Problems: Conduct investigations of complex engineering

problems using research-based knowledge including design of experiments, modelling, analysis &
interpretation of data to provide valid conclusions. (WK8).

PO5: Engineering Tool Usage: Create, select and apply appropriate techniques, resources and modern
engineering & IT tools, including prediction and modelling recognizing their limitations to solve complex
engineering problems. (WK2 and WK6).

PO6: The Engineer and The World: Analyze and evaluate societal and environmental aspects while solving
complex engineering problems for its impact on sustainability with reference to economy, health, safety,
legal framework, culture and environment. (WK1, WK5, and WK7).

PO7: Ethics: Apply ethical principles and commit to professional ethics, human values, diversity and
inclusion; adhere to national & international laws. (WK9)
.
PO8: Individual and Collaborative Team work: Function effectively as an individual, and as a member or
leader in diverse/multi-disciplinary teams.

PO9: Communication: Communicate effectively and inclusively within the engineering community and
society at large, such as being able to comprehend and write effective reports and design documentation,
make effective presentations considering cultural, language, and learning differences.

PO10: Project Management and Finance: Apply knowledge and understanding of engineering management
principles and economic decision-making and apply these to one’s own work, as a member and leader in a
team, and to manage projects and in multidisciplinary environments.

PO11: Life-Long Learning: Recognize the need for, and have the preparation and ability for i) independent
and life-long learning ii) adaptability to new and emerging technologies and iii) critical thinking in the
broadest context of technological change. (WK8) .

Programme Specific Outcomes (PSO)

PSO1: Professional Skills: To inculcate technical skills to analyze, design and implement software’s related
to algorithms, networking, web services, multimedia, big data analytics and recent topics of varying
complexity.

PSO2: Problem-Solving Skills: To develop the capability to comprehend and solve the interdisciplinary
problems through appropriate technology with the understanding of contemporary business environment.

PSO3: Successful Career and Entrepreneurship: To develop an ability to utilize the latest technology and
platforms to become a triumphant professional, successful entrepreneur and an urge for pursuing higher
studies.
 QUESTION BANK

Details of the Course

Name of the Department : Computer Science and Engineering

Name of the Course : Full Stack Development

Course Code : 23CS1501

Semester :V

Common To Programme(s) : NO

Instructions
Blooms Level:Blooms Level 1 & 2 is Lower Order (LO) Cognitive type, Blooms Level 3 & 4 is
Intermediate Order Cognitive Type (IO) and Blooms Level 5 & 6 is Higher Order (HO) cognitive type.
2 Marks: For each unit five questions should be of lower order (LO) cognitive type and five Questions
should be of Intermediate order (IO) cognitive type.
13 /15 /16 Marks: For each Unit four questions should be of lower order (LO) cognitive type i.e.
remembrance type questions, five should be of intermediate order (IO) cognitive type i.e. understanding
type questions and One Question should be on Higher Order (HO) Application / Design / Analysis /
Evaluation / Creativity / Case study questions.
* HO Order is not applicable if the Question Pattern does not have Part C. In Such cases consider HO as
IO.
** If the Mark for Part B &C is less than the maximum mark of the Question, Sub Divisions shall be
added.
Course Outcome: (List the Course Outcomes of the Course)
CO1 Outline the Web Applications using Java stack technologies Software Development.

CO2 Understand Enterprise Applications using Java stack technologies

CO3 Present Front end development using React..

CO4 Illustrate the Back end development Node.js and Express.

CO5 Experiment fully working applications that can be used on cross-platforms

CO6 Create a flexible, scalable, and high-performance database solutions using Mongo DB

Bloom’s Level: BL1 - Remembering, BL2 - Understanding, BL3 - Applying, BL4 - Analyzing, BL5–
Evaluating,BL6 - Creating.
 UNIT 1 - OPEN SOURCE JAVA SCRIPT AND MERN
PART A
[BL1] [CO1] [2]
1. What are JavaScript objects?
[BL1] [CO1] [2]
2. Define a generator in JavaScript.
[BL1] [CO1] [2]
3. What is the DOM tree?
Implement event delegation by attaching a single event listener to a parent [BL3] [CO1] [2]
4.
element to handle clicks on dynamically created child items
[BL4] [CO1] [2]
5. Analyze UI events in the browser, categorizing their types.
[BL2] [CO2] [2]
6. What is the event loop?
[BL4] [CO2] [2]
7. Analyze the concept of a MutationObserver.
Analyze the role of Node Version Manager (nvm) in Node.js [BL4] [CO2] [2]
8.
development.
Use nvm to install a specific version of Node.js and set it as the default. [BL3] [CO2] [2]
9.
Show the commands you would use.
Demonstrate the steps a kernel performs during a context switch using a [BL3] [CO2] [2]
10.
real-world analogy or simple example.
PART B & C
Develop a simple MERN stack application that performs Create and
1. Read operations using Express and MongoDB. [BL6] [CO1] [13]

Apply JavaScript object manipulation and generator functions in a

2. program to process and display data. [BL3] [CO1] [13]

Construct an interactive form using DOM manipulation and event

3. handling in JavaScript. [BL3] [CO1] [13]

Design a web page that uses event delegation to manage dynamic UI

4. elements efficiently. [BL6] [CO1] [13]

Analyze the structure of the DOM tree and explain how node properties
5. are used to traverse and update elements. [BL4] [CO1] [13]

Compare microtasks and macrotasks in the JavaScript event loop. How

6. does it affect asynchronous behavior? [BL5] [CO2] [13]

Build a small application using React, Node.js, and MongoDB to

7. demonstrate the flow of data from front end to database. [BL6] [CO2] [15]

Evaluate the advantages of using modules in JavaScript. Provide use

8. cases with ES6 import/export. [BL5] [CO2] [15]

Illustrate how browser events and UI events can be combined in a

9. JavaScript interface. [BL3] [CO2] [15]

Analyze the need for each component in the MERN stack and how they
10. interact in full stack development. [BL4] [CO2] [13]
 •

UNIT 2 - REACT
PART A
What is React? [BL1] [CO3] [2]
1.
What is JSX in React? [BL1] [CO3] [2]
2.
Name two features of React ES6.. [BL2] [CO3] [2]
3.
Use the render() method in a React class component to display user information
[BL3] [CO3] [2]
4. dynamicall

Analyze stateless components in React. [BL4] [CO3] [2]

5.
Use React state to update a value when a user clicks a button. [BL3] [CO3] [2]
6.
Demonstrate how to pass data from a parent to a child component in React with a
[BL3] [CO3] [2]
7. simple example.

What is the purpose of React forms?. [BL1] [CO3] [2]

8.
Define React CSS.. [BL2] [CO3] [2]
9.
Build a styled React component twice — once using plain CSS and once using
[BL3] [CO3] [2]
10. SCSS (SaaS).

PART B & C
Explain the key features of React. [BL3] [CO3] [13]
1.
Write short notes on React ES6 features. [BL3] [CO3] [13]
2.
3. Describe the steps to render HTML in React. [BL4] [CO3] [13]

Explain how to create and use JSX with suitable examples. [BL3] [CO3] [13]
4.
Discuss component composition and data passing with examples. [BL4] [CO3] [13]
5.

Illustrate the use of React state and asynchronous state updates. [BL5] [CO3] [15]
6.
Analyze how React's synthetic event system differs from native DOM event [BL4] [CO3] [13]
handling. Include an example to illustrate how event delegation works in React,
7.
and explain the impact on performance and component structure.

[BL3] [CO3] [13]

Explain communication from child to parent in React with code.
8.

Design and develop a React application that includes multiple form components [BL6] [CO3] [15]
(e.g., text fields, radio buttons, and dropdowns) to collect user data. Implement
9.
real-time validation and state management
 Describe the use of CSS and Saas in styling React components. [BL5] [CO3] [15]
10.

UNIT 3 - NODE JS
PART A
What is Node.js? [BL1] [CO4] [2]
1.
What is a local module in Node.js? [BL1] [CO4] [2]
2.
What does NPM stand for? [BL1] [CO4] [2]
3.
Analyze the role of the Node Inspector? [BL4] [CO4] [2]
4.
Define the Node.js Event Emitter. [BL2] [CO4] [2]
5.
Create a basic Express.js server that handles a GET request to return a [BL3] [CO4] [2]
6. welcome message in JSON format

Analyze middleware in Express and how it helps in handling HTTP [BL4] [CO4] [2]
7. requests

Name two HTTP methods used in REST APIs. [BL2] [CO4] [2]
8.
Use JSON to store and access data in a JavaScript program. [BL3] [CO4] [2]
9.
Use a template engine (like Handlebars or EJS) in an Express.js application [BL3] [CO4] [2]
10. to render a dynamic web page with user data

PART B & C
Write a Node.js program to create a basic web server and serve a static [BL3] [CO4] [13]
1. HTML file.

Demonstrate how to use local and export modules in Node.js with an [BL3] [CO4] [13]
2. example.

Analyze the role of middleware in an Express.js application with code [BL4] [CO4] [13]
3. examples.

Create an Express REST API to perform CRUD operations on a resource. [BL6] [CO4] [15]
4. Explain the routing and handler functions used.

Evaluate the importance of error handling in Express applications and [BL5] [CO4] [15]
5. demonstrate how to implement it.

Design a middleware function that logs all incoming requests and use it in [BL6] [CO4] [15]
6. an Express app.

Discuss how automatic server restart works in Node.js development and its [BL5] [CO4] [13]
7. benefits.
 Implement a simple API testing scenario using any testing framework for [BL3] [CO4] [13]
8. the Create and List API.

Explain how JSON is used to transfer data in REST APIs and demonstrate [BL3] [CO4] [13]
9. it with an Express example.

Critically analyze different frameworks available for Node.js and [BL5] [CO4] [15]
10. recommend one for a real-time application with reasons.

UNIT 4 - ADVANCED FEATURES AND MONGO DB

PART A
1. What is modularization in web development? [BL1] [CO5] [2]
2. Analyse the purpose of webpack? [CO5] [2]
[BL4]
Illustrate the steps to create a backup of a MongoDB database using
3. [BL3] [CO6] [2]
mongodump

4. Name two types of UI components in React [CO3] [2]

[BL2]
5. What is React-Bootstrap? [BL1] [CO3] [2]
Demonstrate how server-side rendering improves performance and SEO
6. in a React application by rendering a component on the server using a [BL3] [CO6] [2]
template engine

7. Analyse MongoDB replication. [CO6] [2]

[BL4]

8. What is the role of pagination in web apps? [CO6] [2]

[BL1]
Compare MongoDB replication with traditional database mirroring
9. [BL1] [CO4] [2]
techniques.

Implement session handling in a Node.js + Express web application to

10. [BL3] [CO5] [2]
track user login status

PART B & C
Demonstrate how to set up webpack for a React project with modular [BL3] [CO5] [13]
1. components.

Design a React Router structure for a multi-page web application. [BL6] [CO3] [13]
2.
Create a React form using React-Bootstrap components and handle form [BL6] [CO3] [13]
3. validation.

Implement update and delete APIs in React and explain how to connect [BL3] [CO6] [15]
4. them to the backend.

Analyze the benefits and drawbacks of server-side rendering compared to [BL4] [CO6] [13]
5.
 client-side rendering in React apps.

Evaluate the use of MongoDB aggregation framework for complex data [BL5] [CO6] [13]
6. queries. Provide examples.

Compare MongoDB replication with traditional database mirroring [BL4] [CO6] [15]
7. techniques.

Discuss the challenges and solutions for session handling in modern web [BL5] [CO5] [13]
8. applications.

Create a scalable MongoDB deployment architecture that incorporates [BL6] [CO6] [15]
9. replication, sharding, and backup strategies for a high-traffic e-commerce
application. Justify your choices.

Evaluate the integration of Google Sign-In in a React application, [BL5] [CO5] [15]
10. mentioning security considerations.

UNIT 5 – CASE STUDY

PART A
1. Demonstrate a blogging platform. [BL3] [CO5] [2]

2. Describe two key features of a social media platform. [BL2] [CO5] [2]

3. What does real-time mean in web applications? [BL1] [CO5] [2]

4. Identify the technology commonly used for building chat applications. [BL2] [CO5] [2]

5. Describe collaborative document editing. [BL2] [CO5] [2]

6. State the role of React in social media platform development. [BL3] [CO5] [2]

7. Analyse WebSocket? [BL4] [CO5] [2]

8. Name a popular backend used for real-time applications. [BL2] [CO6] [2]

9. Analyse he role of user authentication. [BL4] [CO5] [2]

10. Demonstrate the purpose of comments in a blogging platform by showing [BL3] [CO5] [2]
how they enable interaction between readers and authors.

PART B & C
Develop a basic blogging platform using React and Express with features [BL6] [CO3] 13
1. like post creation and listing.

Build a social media feed layout using React components. Include [BL6] [CO3] 13
2. navigation, posts, and user interactions.
 i)Implement a real-time chat feature using Socket.IO in a React and [BL3] [CO4] 7
Node.js application.
3.
ii)Create a collaborative text editor that allows multiple users to type and [BL6] [CO5] 6
edit simultaneously.

Analyze the core functionalities needed for a social media platform. [BL4] [CO5] 13
4.
Compare real-time chat applications and collaborative editing tools in [BL5] [CO5] 13
5. terms of architecture and synchronization methods.

Design a comment system with nested replies for a blogging platform [BL6] [CO6] 13
6. using MongoDB and React.

Evaluate the use of WebSockets and REST APIs for real-time features. [BL5] [CO5] 13
7.
Construct the authentication and session handling logic for a multi-user [BL3] [CO5] 13
8. blogging application.

Break down the modules required for building a full-stack real-time [BL5] [CO5] 13
9. document collaboration tool

Develop a basic blogging platform using React and Express with features [BL6] [CO3] 15
10. like post creation and listing.
*****