My Gym
Submitted in partial fulfillment of the
requirements of the degree of (Bachelor of Engineering)
by
(Raiyyan Ansari-04)
(Kaif Payak -34)
(Shams Shaikh- 40)
(Aman Yadav-61[prov])
Supervised by:
(Prof.Santosh Kadam)
Watumull Institute of Electronic Engineering and
Computer Technology/Mumbai University
(2024-25)
1
CERTIFICATE
This is to certify that the project entitled “My Gym using Cloud
Computing” is a bonafide work of “Ansari Raiyyan, Kaif Payak, Shams
Shaikh, Aman Yadav” (Roll No. 02,34,40,61) submitted to the University
of Mumbai in partial fulfillment of the requirement for the award of the
degree of “Undergraduate” in “Bachelor of Computer Engineering”.
(Name and Signature) (Name and Signature)
Supervisor/Guide Head of Department
(Name and Signature) (Name and Signature)
Co-Supervisor/Guide Principal
2
This Approval for Project Report for T.E. of partial
fulfillment B.E.
This project report entitled My Gym Using Cloud Computing by
Ansari Raiyyan(02), Kaif Payak(34), Shaikh Shams(40), Aman Yadav(61) is
approved for the degree of Computer Engineering.
Examiners
1.
2.
Date:
Place:
3
Declaration
I declare that this written submission represents my ideas in my own
words and where others' ideas or words have been included, I have
adequately cited and referenced the original sources. I also declare that I
have and here to all principles of academic honesty and integrity and have
not misrepresented or fabricated or falsified any idea/data/fact/source in
my submission. I understand that any violation of the above will because
for disciplinary action by the Institute and can also evoke penal action
from the sources which have thus not been properly cited or from whom
proper permission has not been taken when needed.
(Signature)
Ansari Raiyyan
Shaikh Shams
Kaif Payak
Aman Yadav
4
TABLE OF CONTENTS:
Abstract
1. Project Overview
2. Requirements
3. Implementation Of Code
4. Introduction of AWS
5. Cloud Implementation Steps :
5.1 Creation of AWS EC2 Instance
5.2 Uploading Website Files to EC2
Instance
5.3 Configuring EC2 Properties
6. Output – Code and Website
7. Conclusion
8. Future Scope
9. References
5
ABSTRACT :
"My Gym" is a static HTML/CSS website hosted on the cloud, designed to provide fitness enthusiasts with
essential information and resources to support their health and wellness journey. The website offers a streamlined
user experience, featuring sections dedicated to workout routines, nutrition tips, trainer profiles, and inspirational
content. Utilizing responsive design principles, "My Gym" ensures compatibility across various devices,
allowing users to access the platform seamlessly. With its static structure, the website prioritizes simplicity,
speed, and reliability, making it an ideal resource for individuals seeking concise yet valuable fitness guidance.
Hosted on the cloud, "My Gym" guarantees accessibility, scalability, and security, enabling users to explore its
content with confidence and convenience.
6
CHAPTER 1
Project Overview:
The overview provided describes "My Gym," a static HTML/CSS website hosted on the cloud, focused
on delivering fitness-related information and resources.
The website is designed for fitness enthusiasts seeking workout routines, nutrition tips, trainer profiles,
and motivational content. Its user-friendly interface and responsive design ensure accessibility across
different devices.
The static structure prioritizes simplicity, speed, and reliability, while cloud hosting offers accessibility,
scalability, and security.
Overall, "My Gym" serves as a valuable resource for individuals looking to enhance their health and
wellness journey.
7
CHAPTER 2 REQUIREMENS:
In this chapter, we will discuss the minimum software and hardware
requirements required to run the system.
Hardware Requirements:
1. Intel core i3 processor, or better.
2. Minimum of 4GB Ram. 3. Minimum of 8GB Hard Disk
Space.
Software Requirements:
1. Windows 7/10/11 as Operating system.
2. Text Editor or IDE
3. Web Browser
4. AWS Account
5. VS Code With Python
8
Chapter 3:
Implementation Of Personal Portfolio:
1. Planning and Design:
Define the purpose and target audience of the website.
Sketch out the layout and structure of the website, including sections such as home, workout routines,
nutrition tips, trainer profiles, and community forums.
Decide on the color scheme, typography, and overall visual style.
2. Set Up Development Environment:
Choose a text editor or IDE for coding (e.g., Visual Studio Code, Sublime Text).
Set up a local development server for testing your website (e.g., using Node.js or Python's
SimpleHTTPServer).
3. Create HTML Structure:
Begin by creating the basic HTML structure with <html>, <head>, and <body> tags.
Define the navigation bar with links to different sections of the website.
Set up placeholders for content sections like workout routines, nutrition tips, etc.
4. Style with CSS:
Create a separate CSS file or use internal <style> tags to style the website.
Implement the chosen color scheme, typography, and layout styles.
Use CSS to create responsive designs that adapt to different screen sizes (e.g., using media queries).
5. Add Content:
Populate the content sections with relevant text, images, and videos.
Write compelling copy for each section, focusing on engaging and informing the audience.
6. Enhance Interactivity (Optional):
Implement interactive elements such as sliders, accordions, or modal dialogs using HTML, CSS, and
JavaScript if desired.
Add forms for user feedback, newsletter subscriptions, or community forum participation.
7. Optimize for SEO:
Include relevant keywords in the page titles, headings, and meta tags to improve search engine visibility.
Ensure that images have descriptive alt attributes.
Create a sitemap.xml file and submit it to search engines for indexing.
8. Test and Debug:
Test the website across different browsers (e.g., Chrome, Firefox, Safari) and devices (e.g., desktops,
tablets, smartphones) to ensure compatibility and responsiveness.
Debug any layout or functionality issues that arise during testing.
9. Deploy to Cloud Hosting:
Choose a cloud hosting provider (e.g., AWS, Google Cloud Platform, Netlify) and create an account if
necessary.
Upload your HTML, CSS, and other necessary files to the cloud hosting server.
Configure domain settings if you have a custom domain name.
10. Monitor and Maintain:
Regularly monitor website performance and user feedback.
9
Update content, fix bugs, and make improvements as needed to keep the website fresh and relevant.
Backup your website regularly to prevent data loss.
10
Chapter 4:
Introduction of AWS and EC2 :
Amazon Web Services (AWS) is a robust cloud computing platform provided by Amazon, offering a suite of
services tailored to meet various computing needs. For our photo editor project, we leveraged AWS's Elastic
Compute Cloud (EC2) service to enhance the application's performance and scalability.
AWS EC2 provides virtual servers on-demand, eliminating the need for physical hardware and allowing us to
efficiently run our photo editing application. By utilizing EC2 instances, we could dynamically adjust
computing resources based on workload demands, ensuring optimal performance during peak usage periods.
In addition to EC2, AWS offers Amazon Simple Storage Service (S3), which we used to store and manage
large amounts of image data securely. S3's scalable object storage allowed us to efficiently upload, retrieve,
and manipulate images within our photo editor application.
By harnessing the power of AWS's cloud computing services, including EC2 for computing power and S3 for
storage, we were able to develop a robust and responsive photo editor. This approach not only improved our
application's performance but also provided a scalable and cost-effective solution for handling image
processing tasks in the cloud. AWS's reliability and security features further ensured that our photo editor could
deliver a seamless and secure user experience.
11
Chapter 5:
Cloud Implementation Steps:
1. Launch EC2 Instance:
- Log in to AWS Console, navigate to EC2.
- Choose instance type, launch new instance.
2. Configure Security:
- Create security group, define inbound/outbound rules to control traffic.
3. Connect to Instance:
- Use SSH to connect to instance via public IP/Elastic IP.
4. Configure DNS:
- Map domain to instance's public/Elastic IP for easy access.
5. Test Connectivity:
- Verify application access and functionality to ensure a successful setup.
21
Chapter 6:
Output (Code and Website):
21
21
Chapter 7:
Conclusion:
In conclusion, Amazon Web Services (AWS) stands out as a robust cloud computing platform offering a wide
range of services to support diverse business and development needs globally. With services spanning
computing, storage, database management, and content delivery, AWS provides a solid infrastructure for
various applications and workloads.
For our photo editor project, leveraging AWS EC2 for cloud hosting showcased the platform's scalability,
reliability, and security features. Deploying the photo editor on AWS EC2 ensured seamless accessibility and
performance for users while benefiting from AWS's global network and security protocols.
By harnessing the power of AWS EC2, we experienced efficient deployment processes and enhanced the
overall reliability and performance of our photo editing application. AWS's commitment to innovation and
robust cloud solutions continues to empower organizations across industries to embrace cloud computing and
drive digital transformation.
In conclusion, AWS EC2 and the broader AWS ecosystem offer a powerful foundation for hosting and
deploying applications like our photo editor, emphasizing scalability, security, and performance in the cloud
computing landscape.
21
Chapter 8:
Future Scope:
1. Scalability: Cloud platforms will offer even greater scalability, allowing photo editors to handle larger
workloads and complex editing tasks more efficiently.
2. AI Integration: Expect advanced AI and machine learning features for automated editing, object
recognition, and intelligent image enhancement.
3. Collaborative Editing: Cloud-based collaboration tools will enable real-time editing, feedback, and
version control for teams and professionals.
4. Mobile Integration: Seamless synchronization and cross-platform compatibility will enhance the user
experience across devices.
5. Data Analytics: Utilize cloud-based analytics to gain insights into user behavior, preferences, and
trends for personalized experiences.
6. Security Enhancements: Cloud providers will continue to enhance security measures to safeguard user
data and ensure privacy in photo editing workflows.
21
Chapter 9:
References:
1. "HTML and CSS: Design and Build Websites" by Jon Duckett.
2. "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web
Graphics"by Jennifer Niederst Robbins.
3. "AWS Certified Solutions Architect Official Study Guide: Associate Exam" by Joe
Baron, Hisham Baz, et al.
4. "Cloud Computing: Concepts, Technology & Architecture" by Thomas Erl, Zaigham
Mahmood, and Ricardo Puttini.
21
