School of Computing

Department of Computer Science and Engineering

Academic Year: 2024-2025

Programme: B.Tech (CSE) Semester: Winter 2024-2025

Course Code: 10211CS212 Slot: S8+L16
Course Name: Web and Mobile Application Development

Faculty Name: Dr.Manikandan N K Course Coordinator: Dr.C.M.Chidamabaranathan

S.No VTU No Reg No Name Task

1 1
VTU21834 22UECS0067 B. ABHINAV REDDY
2 1
VTU24199 22UEIN0025 V. LOHIN REDDY
3 1
VTU23087 22UECM0124 K. RUSHI
4 2
VTU23114 22UECS0097 B.VAMSI KRISHNA
5 2
VTU21579 22UECS0498 P.SIDDHESWAR
6 2
VTU22675 22UECS0760 Y.SUBHASHINI
7 3
VTU22884 22UECS0256 CH.HEMA KARTHIK
8 3
VTU23485 22UECS0324 K.NAVEEN KUMAR
9 3
VTU22795 22UECS0598 S.ADITYA REDDY
10 4
VTU23460 22UECS0518 P.L.V.S.PRAVEEN
11 4
VTU21556 22UECS0215 G.KOUSHIK RAM
12 4
VTU23020 22UEID0020 CH.RAKESH
13 5
VTU22117 22UECS0292 K. VARUN GUPTHA
 5
14
VTU22748 22UECS0543 POLA BALA VENKATA GANESH
5
15
VTU22576 22UECS0316 SAI SIDDARTHA
6
16
VTU23474 22UECS0356 KUMAR JEEVIKA
6
17
VTU21413 22UECS0555 PRANSHU CHAURASIA
6
18
VTU21414 22UECS0176 DIVESH ANAND
7
19
VTU24143 22UECS0539 P. SAI KRISHNA
7
20
VTU22614 22UECS0226 G. KARTHIK REDDY
7
21
VTU22764 22UECS0475 N. KRISHNA SANDEEP REDDY
8
22
VTU22621 22UECS0079 MANMOHAN REDDY BELLAM
8
23
VTU23273 22UECS0459 CHERUKURI NAGA LALITHA NIKELESH
8
24
VTU21722 22UECS0002 AVSASHAMKU BABU
9
25
VTU22685 22UECS0494 P.ANKITHA
9
26
VTU22038 22UECS0686 T.DIVYA TEJASWI
9
27
VTU23149 22UECS0315 K.DASTAGIRAMMA
10
28
VTU22220 22UEID0054 K.KARTHIK
10
29
VTU22296 22UECS0408 M.HANUMANTH RAO
10
30
VTU22832 22UECS0560 P.VIJAY KUMAR
11
31
VTU22862 22UEIN0018 P.DURGA DHIKSHITHA
11
32
VTU23255 22UEID0080 M.KRUPAVATHI
12
33
VTU24175 22UECS0587 S.THISAN
12
34
VTU24256 22UECS0008 ADWAITH K PRADEEP
12
35
VTU23481 22UECS0457 K.NIKHILESH
13
36
VTU22931 22UEID0001 A.K.BOOMIKA
13
37
VTU22933 22UEID0052 K.HARI PRIYA
14
38
VTU22101 22UECS0205 G.YAGNA SRI
14
39
VTU22207 22UECS0050 A.UMA VIJAYA DURGA
 40 14
VTU22646 22UECS0106 B.MANOGNA
41 15
VTU19159 21UECM0173 NOUMAN SHAAZI
42 15
VTU19510 21UECS0017 ALLA DHANA VENKATA RAMA RAO
43 15
VTU19047 21UECS0576 SHEKHAR SUMAN
44 16
VTU21923 22UECS0687 T.AJAY
45 16
VTU22109 22UECS0319 K.AKASH
46 16
VTU22753 22UECS0671 SYED SOHAIL
47 17
VTU23177 22UEID0091 P.TEJASRI
48 17
VTU23152 22UEID0044 G.SAI CHANDANA
49 18
VTU22737 22UECS0514 PANJAGALLA VEERA HARISH
50 18
VTU23144 22UECS0768 YENUMALA VENKATADRI
51 18
VTU21779 22UECS0308 KATARI KRANTHI KUMAR

Assignment Questions
Task Q.No Questions CO K-
No Level
1 Design a hospital website using HTML5 and CSS3 that provides information CO1 K3
about the hospital's services and allows patients to book appointments online. The

1 website should consist of a homepage with a navigation menu, sections for services
and specialties, and an appointment booking form
2 If you are developing an e-commerce website where users can add products to their CO2 K3
cart without refreshing the page. Identify how you would use AJAX to achieve this
Functionality. Provide a step-by-step method of the AJAX process involved.
3 Construct a online job portal where job seekers can search and apply for job CO3 K3
listings, and employers can post job openings. The website should include job
listings, job details pages, user registration and login, and a job application process.
You need to use HTML, CSS, and PHP to build the website.
4 Build a shopping web page with various products using Typescript CO4 K3
5 Consider a scenario where multiple micro services need to react to a specific event CO5 K3
(e.g., a user registering on your platform). How would you design the event-driven
communication between micro services to ensure efficient and reliable event
propagation?
 1 Build a college website using HTML5 and CSS3 that showcases the institution's CO1 K3
programs, admissions information, and provides a user-friendly interface for
2 visitors. The website should include a homepage with a slideshow or carousel
highlighting college highlights, an about page with information about the college's
history, faculty profiles, and campus facilities, a programs page with detailed
descriptions of academic programs and associated faculty members, an admissions
page with admission criteria and application process details, and a contact page
with contact information and an enquiry form. Implement responsive design
techniques to ensure optimal viewing experience across devices. Provide
appropriate styling and ensure the website follows HTML5 standards
2 Person working on a social media application where users can post comments on CO2 K3
various posts. Build a feature that allows users to add new comments dynamically
using AJAX. Summarize the steps involved in making an AJAX request to submit a
new comment and updating the comments section without page reload.

3 Users can create an account and log in to the platform. Authenticated users can CO3 K3
create, publish, edit, and delete blog posts. Each blog post can have a title, content,
author, publication date, and optional tags/categories. The platform should support
features such as viewing all blog posts, filtering posts by tags/categories, and
allowing users to comment on blog posts.Node.js will handle the backend logic for
user authentication, blog post management, and comment functionality, while
Mongo DB will store the blog post and user data
4 Develop a Story book web service by using type script. CO4 K3
5 Imagine a situation where two micro services need to maintain consistent data, but CO5 K2
updates can occur concurrently. How would you ensure data consistency and
handle synchronization challenges across these micro services?
1 Construct a restaurant website using HTML5 and CSS3 that effectively presents the CO1 K2
restaurant's menu, showcases its ambiance, and allows customers to make online
3 reservations. The website should consist of a homepage with an attractive image, a
navigation menu, and sections for featured dishes and customer testimonials. The
menu page should display different categories of food items, such as appetizers,
main courses, desserts, and beverages, with prices and descriptions. Implement a
filtering feature that allows users to sort the menu items by category or dietary
preferences, such as vegetarian or gluten-free options.
 2 You are building a real-time chat application where users can send and receive CO2 K3
messages without refreshing the page. Show how you would use AJAX along with
server-sent events or Web Sockets to achieve real-time messaging functionality.
List the advantages and disadvantages of each approach.
3 Users can create an account and log in to the system. Each user can create tasks, CO3 K3
assign them to specific users, set due dates, and track their progress. The system
should provide CRUD operations for tasks, allowing users to create, read, update,
and delete tasks. Tasks can have attributes such as title, description, assigned user,
due date, and status (e.g., in progress, completed).Node.js will handle the backend
API, including user authentication and task management, while Mongo DB will
store task data.
4 Construct a workflow automation tool using Typescript to automate the work in a CO4 K3
production industry with user registration and authentication.
5 Design a micro services to Identify the distinct areas of your application that have CO5 K2
Clear boundaries and encapsulate a specific business concept. These domains will
serve as a starting point for defining micro services.
1 Create a food delivery website using HTML5 and CSS3 that allows users to browse CO1 K3
food items, place orders, and make payments online. The website should consist of
4 a homepage with a navigation menu, sections for featured food items, and a search
bar. Include a cart functionality where users can add selected items and proceed to
the checkout page.
2 Person is working on a form validation feature for a registration form. Develop a CO2 K3
feature that checks the availability of a username in the database without reloading
the page. Make use of AJAX to perform an asynchronous request to a server-side
script that checks the username's availability and returns a response. Show the
AJAX implementation and the technique to display the validation result to the user.
3 Build a online event management website where users can browse and register for CO3 K2
upcoming events. The website should include event listings, event details pages,
user registration and login, and a registration process for users to sign up for events.
You need to use HTML, CSS, and PHP to build the website.
4 Build a Quiz app using Typescript with various topics by CO4 K3
whichparticipants can select any topics,
level of the Quiz
View Profile
Ranking based on their marks
 5 Suppose you have a micro service that needs to integrate with an external system. CO5 K2
How would you design the communication and integration patterns to ensure
smooth interaction between your micro services and the external components?
1 Develop a responsive e-commerce website using the Bootstrap framework that CO1 K3
allows users to browse and purchase products online. Explain how the Bootstrap
5 grid system can be utilized to create a fluid and adaptive layout for product listings
and individual product pages. Discuss the implementation of Bootstrap's form
components to enable user registration, login, and secure payment processing.
2 You are developing a news website that fetches articles from an API and displays CO2 K2
them on the homepage. Utilize the "Load More" button that fetches additional
articles asynchronously using AJAX when clicked. Show the AJAX request
process and the way to append the new articles to the existing ones on the page.
3 Construct a online job portal where job seekers can search and apply for job CO3 K3
listings, and employers can post job openings. The website should include job
listings, job details pages, user registration and login, and a job application process.
You need to use HTML, CSS, and PHP to build the website.
4 Develop a Video streaming web application by which it should have CO4 K2

i. User Registration and authentication

ii. Handle file uploads
iii. Communicate with HTTP requests
5 Consider a scenario where you need to deploy a new version of one of your CO5 K2
micro services while ensuring uninterrupted service for your users. Organise How
would you handle rolling deployments and explain how to deploy it
1 Construct a responsive online learning website using the Bootstrap framework that CO1 K3
offers a variety of courses to students. Explain how the Bootstrap grid system can
6 be utilized to create a flexible and visually appealing layout for displaying course
categories and individual course modules. Discuss the implementation of
Bootstrap's components, such as accordions or tabs, to organize course content and
enhance user experience.
2 In an image gallery website,develop a page that displays a grid of thumbnail CO2 K3
Images. When a thumbnail is clicked, the corresponding full-size image should be
displayed in a modal popup with the option to close the popup.
3 Develop a online e-commerce website where users can browse and purchase CO3 K3
products. The website should include product listings, product details pages, user
registration and login, a shopping cart, and a checkout process. You need to use
HTML, CSS, and PHP to build the website.
 4 Understand the purpose and features of Seneca as a micro services framework. CO4 K2
Discuss how Seneca helps with service discovery, communication patterns, and
handling cross-cutting concerns. Use Seneca Tool to design a micro services for
Health care systems
5 Develop a web page which is used to track the value of Cryptocurrency. CO5 K2
1 Illustrate a responsive travel blog using HTML, CSS, and Bootstrap. Design and CO1 K3
implement a home page that displays featured blog posts with their titles, featured
images, excerpts, and publication dates. Implement a navigation menu that allows
7 users to explore different categories or destinations. Create a blog post page that
showcases the full content of a blog post, including images, text, and comments.
Apply a responsive layout that provides an enjoyable reading experience on
different screen sizes.
2 Develop an automatic slideshow that displays a series of images with a specific CO2 K3
Time interval between each slide. The user should also have the option to navigate
through the slides manually.
3 Develop an online shopping website where users can browse and purchase CO3 K3
products. The website should include product listings, product details, user
registration and login, shopping cart functionality, and order processing. You need
to use HTML, CSS, and PHP to build the website.
4 Develop typical chat application comprises three main models, namely: Message, CO4 K2
Thread, and User. These models hold individual chat messages, metadata for a
group
of messages, and data on individual users, respectively
5 Develop a Document for the data models and schemas used by micro services, CO5 K3
including entity relationships, field descriptions, validation rules, and data
constraints. This documentation aids developers in understanding the data
structures and ensures consistency across services.
1 Develop a product details page for an online bookstore using HTML, CSS, and CO1 K3
Bootstrap. The page should display the book's cover image, title, author,
8 description, price, and additional details such as publication date and genre. Include
a "Add to Cart" button that allows users to add the book to their shopping cart.
Apply a responsive design that ensures an optimal viewing experience for book
information on various devices.
2 Build a simple drag-and-drop game, where the user should have a list of elements CO2 K3
that the user can drag and drop into specific containers. When all elements are
placed correctly, display a success message
 3 Construct an social networking website where users can create profiles, connect CO3 K3
with friends, post updates, and like/comment on posts. The website should include
user registration and login, profile creation and editing, news feed, friend requests,
and post interaction features. You need to use HTML, CSS, and PHP to build the
website.
4 Develop an admin panel for your class with easy customization, responsive layouts, CO4 K3
and high-resolution templates using Bootstrap, Sass, AngularJs, Jquery, charts, etc.
5 Build a high-level architecture diagram to visualize the relationships between micro CO5 K2
services, their dependencies, and how they interact with each other. Include
information on communication channels, data flows, and integration points to help
stakeholders understand the system's structure

1 Customize a responsive website for an online music streaming platform using CO1 K3
HTML, CSS, and Bootstrap. Design and implement a home page that features
recommended playlists, popular songs, and new releases. Implement a search
9 functionality that allows users to search for artists, albums, or songs. Create an
artist page that displays information about a specific artist, including their
biography, albums, and popular songs. Apply a responsive design that ensures
seamless music playback and an optimal user experience on various devices.
2 Plan an accordion-style menu where multiple sections can be collapsed or CO2 K3
expanded. When one section is expanded, the others should collapse automatically.
 3 Users can enter long URLs into the system and receive shortened versions. CO3 K2
Shortened URLs should redirect users to the original long URLs when accessed.
The system should track click analytics, including the number of clicks and
geographic information of the users. Features to consider include generating short
URLs, storing the mapping between short and long URLs, redirecting users, and
providing click analytics.Node.js will handle the URL shortening logic, including
generating short URLs, redirecting requests, and tracking click analytics.
Mongo DB will store the mapping between short and long URLs.
4 Being a student create a note pad web application by which it can record and store CO4 K2
the classes, by which you have to organize them according to date, add or delete the
records when required. You can build it with NodeJs, Angular CLI, and Bootstrap
5 Model a pattern matching that can be used to route requests to different versions of CO5 K2
micro services based on the requested API version. Explore strategies like using
URL patterns, custom headers, or query parameters to handle versioning through
pattern matching.
1 Develop a responsive event management website using HTML, CSS, and CO1 K3
Bootstrap. The website should have a home page displaying upcoming events with
their titles, dates, locations, and brief descriptions. Design and implement a
10 registration form for users to sign up for events by providing their name, email
address, and contact number. Apply validation to ensure that the required fields are
filled correctly. Style the form and website components to match the event theme or
branding.
2 Construct a web page that loads content dynamically using AJAX. Show a button CO2 K2
that, when clicked, fetches and displays data from an external JSON file and
appends it to the page
3 The store will have a catalog of products with details such as name, description, CO3 K3
price, and availability. Users can browse the product catalog, view product details,
and add products to a shopping cart. Authenticated users can proceed to the
checkout process, enter shipping details, and complete the purchase. The system
should support features such as user registration, authentication, product search,
shopping cart management, and order processing.Node.js will handle the server-
side logic, including user authentication, product management, shopping cart
functionality, and order processing. MongoDB will store product and order data.
4 Develop a Video streaming web application by which it should have CO4 K2
 i. User Registration and authentication
ii. Handle file uploads
iii. Communicate with HTTP requests
5 Model the integration of service discovery mechanisms within Express to CO5 K2
dynamically discover and communicate with microservices. Explore approaches
such as integrating with service registries, leveraging load balancing algorithms, or
using service mesh technologies.
1 Construct a product listing page for an online clothing store using HTML, CSS, and CO1 K3
Bootstrap. The page should display a grid or card layout of clothing items with
11 their respective images, titles, prices, and brief descriptions. Apply a responsive
design that adjusts the layout for different screen sizes. Include a "View Details"
button for each item that redirects to a product details page.
2 Build a registration form with basic validation, in which the form should have CO2 K3
fields like name, email, password, and a confirmation password. Validate that all
fields are filled out, the email format is correct, and the password and confirmation
password match.
3 Develop an online marketplace where users can buy and sell products. The website CO3 K3
should include product listings, user profiles, search functionality, shopping cart,
and payment integration. You need to use HTML, CSS, and PHP to build the
website.
4 Develop a Story book web service by using type script. CO4 K3
5 Develop the overall architecture and the role of Express as the gateway or proxy for CO5 K2
Communication with micro services. Consider factors such as scalability, fault
tolerance, service discovery, and load balancing.
1 Develop a responsive news website using the Bootstrap framework that provides CO1 K3
up-to-date news articles and a user-friendly browsing experience. Explain how the
Bootstrap grid system can be utilized to create a structured layout for news
12 categories and individual news articles. Discuss the implementation of Bootstrap's
navigation components to facilitate easy navigation through different sections of
the website, such as top stories, categories, and search. Demonstrate an
understanding of Bootstrap's responsive utilities and how they can be applied to
optimize the website for various devices and screen sizes.
2 Construct a to-do list application, where the user should be able to add tasks, mark CO2 K3
tasks as completed, and remove tasks. Develop a functionality to store tasks in local
storage, so when the user reloads the page, their tasks are still available.
 3 Develop an online marketplace where users can buy and sell products. The website CO3 K3
should include product listings, user profiles, search functionality, shopping cart,
and payment integration. You need to use HTML, CSS, and PHP to build the
website.
4 Construct a workflow automation tool using TypeScript to automate the work in a CO4 K3
production industry with user registration and authentication.
5 Identify how Seneca tool helps with managing failures, implementing circuit CO5 K2
breakers, retries, timeouts, and fault isolation. Explore the mechanisms Seneca
provides for error handling and fallback behaviours.

1 Build a review website using HTML5 and CSS3 that allows users to browse and CO1 K3
submit reviews for various products or services. Explain how HTML5 forms can be
13 utilized to create user-friendly review submission forms, including fields for
ratings, comments, and user information. Discuss the use of CSS3 styling to create
visually appealing review listings, highlighting key information such as ratings and
review titles.
2 In an image gallery website, develop a page that displays a grid of thumbnail CO2 K3
images. When a thumbnail is clicked, the corresponding full-size image should be
displayed in a modal popup with the option to close the popup.
3 Users can create an account and log in to the platform. Authenticated users can CO3 K2
create, publish, edit, and delete blog posts. Each blog post can have a title, content,
author, publication date, and optional tags/categories. The platform should support
features such as viewing all blog posts, filtering posts by tags/categories, and
allowing users to comment on blog posts.Node.js will handle the backend logic for
user authentication, blog post management, and comment functionality, while
Mongo DB will store the blog post and user data.
4 Develop a Story book web service by using type script. CO4 K3
5 Imagine your Node.js application consumes a significant amount of system CO5 K2
resources in your application. How would you utilize PM2 to monitor resource
usage, identify performance bottlenecks, and optimize resource allocation to ensure
efficient utilization of your application?
1 Construct a photography website using HTML5 and CSS3 that showcases a CO1 K3
photographer's portfolio and provides an immersive user experience. Explain how
14 HTML5 elements, such as <figure> and <figcaption>, can be used to display and
caption photographs effectively. Discuss the use of CSS3 styling to create visually
stunning galleries and slideshows to showcase the photographer's work.
2 You are developing a news website that fetches articles from an API and displays CO2 K3
them on the homepage. Utilize the "Load More" button that fetches additional
articles asynchronously using AJAX when clicked. Show the AJAX request
process and the way to append the new articles to the existing ones on the page.
3 Users can create an account and log in to the chat application. Authenticated users CO3 K2
can create chat rooms, invite other users to join, and join existing rooms. Users can
send real-time messages within the chat rooms and receive messages from other
participants. The system should support features such as user authentication,
creating and joining chat rooms, real-time messaging using web sockets, and
message history.Node.js will handle the backend logic, including user
authentication, chat room management, real-time messaging, and message history.
MongoDB can be used to store chat room and user data.
4 Develop a web page which is used to track the value of Crypto currency. CO4 K2
5 Suppose you want to monitor the health and performance of your Node.js CO5 K2
application. How would you configure PM2 to collect metrics, monitor resource
usage, and perform health checks on your application? Make use of PM2 to
integrate with monitoring tools or dashboards?
15 1 Sketch a job site website using HTML5 and CSS3 that allows job seekers to search CO1 K3
and apply for job openings, and employers to post job listings. Explain how
HTML5 semantic tags can be utilized to structure the content of the website, such
as job listings, candidate profiles, and employer information. Discuss the use of
CSS3 styling to create visually appealing layouts and enhance the user experience
on the website. Demonstrate an understanding of responsive design principles and
how CSS3 media queries can be implemented to ensure the website is optimized
for different devices and screen sizes.
2 Person is working on a form validation feature for a registration form. Develop a CO2 K3
feature that checks the availability of a username in the database without reloading
the page. Make use of AJAX to perform an asynchronous request to a server-side
script that checks the username's availability and returns a response. Show the
AJAX implementation and the technique to display the validation result to the user.
 3 Construct an online ticket booking system for a cinema where users can browse CO3 K2
movie listings, select seats, and purchase tickets. The website should include movie
listings, seat selection, ticket pricing, user registration and login, and the checkout
process. You need to use HTML, CSS, and PHP to build the website.
4 Develop an admin panel for your class with easy customization, responsive layouts, CO4 K2
and high-resolution templates using Bootstrap, Sass, AngularJs, Jquery, charts, etc.
5 Imagine you have a Node.js application that needs to handle high traffic and ensure CO5 K2
high availability. Utilize PM2 to set up clustering and load balancing to distribute
the workload across multiple instances of your application?
16 1 Construct a responsive online learning website using the Bootstrap framework that CO1 K3
offers a variety of courses to students. Explain how the Bootstrap grid system can
be utilized to create a flexible and visually appealing layout for displaying course
categories and individual course modules. Discuss the implementation of
Bootstrap's components, such as accordions or tabs, to organize course content and
enhance user experience.
2 You are building a real-time chat application where users can send and receive CO2 K3
messages without refreshing the page. Show how you would use AJAX along with
server-sent events or web Sockets to achieve real-time messaging functionality. List
the advantages and disadvantages of each approach.
3 Sketch a online reservation system for a restaurant where customers can view the CO3 K2
menu, make table reservations, and place food orders. The website should include
menu listings, reservation form, order placement, and a confirmation process. You
need to use HTML, CSS, and PHP to build the website.
4 Being a student create a note pad web application by which it can record and store CO4 K2
the classes, by which you have to organize them according to date, add or delete the
records when required. You can build it with NodeJs, Angular CLI, and Bootstrap
5 Experiment with the options in Seneca provides for implementing authentication CO5 K2
and authorization mechanisms across microservices. Explore features like message
patterns, plugins, middleware, or integration with external security providers. Use
this tool to design a simple user authentication framework
17 1 Develop a responsive e-commerce website using the Bootstrap framework that CO1 K3
allows users to browse and purchase products online. Explain how the Bootstrap
grid system can be utilized to create a fluid and adaptive layout for product listings
 and individual product pages. Discuss the implementation of Bootstrap's form
components to enable user registration, login, and secure payment processing.
2 Developers are developing a weather forecast application that retrieves weather CO2 K3
data from an external API. Construct a feature that allows users to enter a location
and fetch the weather information asynchronously using AJAX. Show the AJAX
request process and the way developers would display the weather data on the page.
3 Create a social media platform where users can create profiles, connect with CO3 K2
friends, post updates, and interact with each other. The website should include user
registration and login, profile creation and editing, friend connections, news feed,
and post interaction features. You need to use HTML, CSS, and PHP to build the
website
4 Develop a Video streaming web application by which it should have CO4 K2
i. User Registration and authentication
ii. Handle file uploads
iii. Communicate with HTTP requests
5 Understand the purpose and features of Seneca as a micro services framework. CO5 K2
Discuss how Seneca helps with service discovery, communication patterns, and
handling cross-cutting concerns. Use Seneca Tool to design a micro services for
Health care systems
18 1 Create a food delivery website using HTML5 and CSS3 that allows users to browse CO1 K3
food items, place orders, and make payments online. The website should consist of
a homepage with a navigation menu, sections for featured food items, and a search
bar. Include a cart functionality where users can add selected items and proceed to
the checkout page.
2 Person working on a social media application where users can post comments on CO2 K3
various posts. Build a feature that allows users to add new comments dynamically
using AJAX. Summarize the steps involved in making an AJAX request to submit a
new comment and updating the comments section without page reload.
3 Build a Quiz app using TypeScrip with various topics by whichparticipants can CO3 K2
select any topics, level of the QuizView Profile Ranking based on their marks
4 Develop a online e-commerce website where users can browse and purchase CO4 K2
products. The website should include product listings, product details pages, user
registration and login, a shopping cart, and a checkout process. You need to use
 HTML, CSS, and PHP to build the website.
5 Suppose you have a micro service that needs to integrate with an external system. CO5 K2
How would you design the communication and integration patterns to ensure
smooth interaction between your micro services and the external components?
19 1 Design a hospital website using HTML5 and CSS3 that provides information about CO1 K3
the hospital's services and allows patients to book appointments online. The website
should consist of a homepage with a navigation menu, sections for services and
specialties, and an appointment booking form.
2 If you are developing an e-commerce website where users can add products to their CO2 K3
cart without refreshing the page. Identify how you would use AJAX to achieve this
functionality. Provide a step-by-step method of the AJAX process involved
3 Construct an online job portal where job seekers can search and apply for job CO3 K2
listings, and employers can post job openings. The website should include job
listings, job details pages, user registration and login, and a job application process.
You need to use HTML, CSS, and PHP to build the website
4 Build a shopping web page with various products using Typescript CO4 K2
5 Design a micro services to Identify the distinct areas of your application that have CO5 K2
Clear boundaries and encapsulate a specific business concept. These domains will
serve as a starting point for defining micro services.
20 1 Construct a restaurant website using HTML5 and CSS3 that effectively presents the CO1 K3
restaurant's menu, showcases its ambiance, and allows customers to make online
reservations. The website should consist of a homepage with an attractive image, a
navigation menu, and sections for featured dishes and customer testimonials. The
menu page should display different categories of food items, such as appetizers,
main courses, desserts, and beverages, with prices and descriptions. Implement a
filtering feature that allows users to sort the menu items by category or dietary
Preferences, such as vegetarian or gluten-free options.
2 You are building a real-time chat application where users can send and receive CO2 K3
messages without refreshing the page. Show how you would use AJAX along with
server-sent events or Web Sockets to achieve real-time messaging functionality.
List the advantages and disadvantages of each approach.
3 Build a online event management website where users can browse and register for CO3 K2
Upcoming events. The website should include event listings, event details pages,
 user registration and login, and a registration process for users to sign up for events.
You need to use HTML, CSS, and PHP to build the website.
4 Develop a web page which is used to track the value of Crypto currency. CO4 K3
5 Imagine a situation where two micro services need to maintain consistent data, but CO5 K2
updates can occur concurrently. How would you ensure data consistency and
handle synchronization challenges across these micro services?