Semester: 3
Cloud Computing with React Web Apps
Category : MAJOR COMPUTER SCIENCE CORE
(Theory and Lab)
Course Code : CS2550 CIE : 70 Marks
Credits 4
: SEE : 30 Marks
L:T:P Hours 3:0:2
Total Hours : 45L + 30P SEE Duration : 2:00 Hours
Course Overview
In this course, students will gain a comprehensive understanding of cloud computing fundamentals
and learn how to develop and deploy web applications using React. This course aims to provide a
solid foundation in cloud computing concepts, virtualization, cloud storage, networking, and the
integration of cloud services with React applications. This course is structured to ensure a balanced
mix of theoretical knowledge and practical experience, preparing students for the rapidly evolving
fields of cloud computing and web development.
Unit-I 06 Hrs
Introduction to Cloud Computing
Overview of Cloud Computing: Definition and characteristics, Service models (IaaS, PaaS, SaaS),
Deployment models (Public, Private, Hybrid, Community), Cloud Computing Architecture:
Front-end and back-end, Key components (servers, storage, databases, networking), Advantages and
Challenges of Cloud Computing: Benefits (scalability, cost efficiency, accessibility), Challenges
(security, compliance, downtime).
Unit – II 06 Hrs
Core Concepts of Cloud Computing:
Virtualization: Concept and types of virtualization, Role of hypervisors, Cloud Storage: Types of
cloud storage (block, file, object), Case study: Amazon S3, Networking in Cloud: Basic networking
concepts, Virtual Private Clouds (VPCs), Load balancing and DNS in cloud environments.
Unit –III 11 Hrs
Introduction to React
Overview of React: Introduction to Single Page Applications (SPAs), Key features and benefits of
React, React Components and JSX: Understanding components (functional and class-based), JSX
syntax and usage, State and Props in React: Managing state in React components, Passing data with
props.
Page 17
Unit –IV 06 Hrs
Integrating React with Cloud Services
Connecting React with Cloud APIs: Fetching data from a public API and displaying it in React,
Using Firebase with React: Setting up Firebase in a React project, CRUD operations using Firebase
Firestore. Cloud Databases: Types of cloud databases (SQL vs NoSQL), Connecting a React app to a
cloud database.
Unit –V 16 Hrs
Advanced Topics and Capstone Project
Serverless Computing: Introduction to serverless architecture, AWS Lambda and its use cases,
Deployment and Continuous Integration: Overview of CI/CD, Tools for CI/CD (GitHub Actions,
Travis CI), Security and Best Practices: Security in cloud computing, Best practices for secure and
efficient cloud-native applications.
Course Outcomes: After completing the course, the students will be able to: -
CO 1 Understand the fundamental concepts, service models, and deployment models of cloud
computing applications.
CO 2 Apply virtualization techniques, manage cloud storage solutions, and configure
networking in a cloud environment.
CO 3 Understand the core principles of React, including components, JSX, state, and props, to
build interactive web applications.
CO 4 Apply their knowledge to integrate React applications with cloud services, including
APIs, BaaS, and cloud databases.
CO 5 Analyze and implement serverless computing solutions, deploy React applications to the
cloud, and follow best practices for security and CI/CD processes
Textbooks
1 Cloud Computing: Concepts, Technology & Architecture,Thomas Erl, Ricardo Puttini,
and Zaigham Mahmood, 1st Edition, 2013. ISBN: 978-0133387520
2 Learning React: Modern Patterns for Developing React Apps, Alex Banks and Eve
Porcello, 2nd Edition, 2020. ISBN: 978-9385889158
Reference Books
1 Cloud Computing: Principles and Paradigms, edited by Rajkumar Buyya, James Broberg,
and Andrzej M. Goscinski, January 2013, ISBN: 978-8126541256
2 React Up & Running: Building Web Applications, Stoyan Stefanov, 2021,
ISBN:978-9355420695
Page 18
LABORATORY COMPONENT 30 hours
1 Setup and Basic Usage of a Cloud Service:
Creating an account on a cloud service provider (e.g., AWS, Google Cloud, Azure)
Basic navigation and usage of the cloud console
Launching and managing a virtual machine (VM)
2 Hands-on with Cloud Storage:
Creating and managing buckets in Amazon S3
Uploading, retrieving, and managing files
Networking Practical:
Setting up a VPC
Configuring security groups and load balancers
3 Basic React Application:
Setting up a React development environment (using Create React App)
Building a simple React application
Creating and using components
Implementing state and props in a sample application
4 Connecting React with Cloud APIs:
Fetching data from a public API and displaying it in React
Using Firebase with React:
Setting up Firebase in a React project
CRUD operations using Firebase Firestore
5 Deploying a React App to the Cloud:
Using services like Netlify, Vercel, or AWS Amplify
Capstone Project:
Building a full-fledged React application integrated with cloud services (e.g., a task
manager, a blog platform)
Deploying the application to a cloud provider
Page 19
