Cloud Photo Storage

Future Ready Talent - Project Documentation

Name – Aayushi Kumari
Website : https://tinyurl.com/yue4huvh

Project Title – Cloud Photo Storage

Project Statement

Project Aim

The primary aim of this project is to develop an Azure-based Image Upload and Display Application that empowers users to effortlessly upload images and access them alongside essential information. This application leverages Azure Virtual Machine to ensure a seamless, scalable, and reliable experience. Users can upload images in various formats and enhance them with titles, descriptions, and tags for improved organization and search ability.

The application fosters a user-friendly environment, offering image browsing, searching, and filtering features. By incorporating Azure services for data storage and authentication, it ensures data security and privacy. Furthermore, the project embraces responsive design for compatibility across devices and incorporates analytics for performance monitoring.

This platform caters to a wide range of users, from individuals managing personal photo collections to businesses seeking to establish a community-driven image repository. Ultimately, the Azure-based Image Upload and Display Application aims to provide an efficient and accessible solution for image management and sharing.

Description

The application allows users to upload images and then displays the uploaded images with some basic information. You can deploy this project on Azure App Service.
Overview: The Azure-based Image Upload and Display Application is a web-based platform designed to allow users to easily upload images and view them alongside basic information. It leverages the capabilities of Azure App Service to ensure scalability, reliability, and a seamless user experience.

Key Features:

1. Image Upload:

Users can easily upload their images through a user-friendly interface. The application supports a variety of image formats, such as JPEG, PNG, and GIF.

2. Image Information:

After uploading an image, users can provide basic information about it, such as a title, description, and tags. This information enhances the searchability and organization of the uploaded images.

3. Image Display:

Uploaded images and their associated information are displayed in a visually appealing and organized manner. Users can browse through the collection of images and view details by clicking on individual images.

4. Search and Filter:

The application offers a search and filter functionality, enabling users to find specific images based on titles, descriptions, or tags. This feature enhances user experience and helps them quickly locate the content they're interested in.

5. User Authentication:

To ensure data security and user privacy, the application can implement user authentication and authorization using Azure Active Directory or other identity providers.

6. Scalability:

Leveraging Azure App Service, the application can seamlessly handle increased traffic and demand. It can be auto-scaled to accommodate varying numbers of users and concurrent uploads.

7. Data Storage:

Uploaded images and their associated information are securely stored in Azure Blob Storage or a similar data repository. This ensures reliable and durable storage for the uploaded content.

The application is designed to be responsive, ensuring it works seamlessly on various devices, including desktops, tablets, and smartphones. Analytics and Monitoring:

Utilize Azure Application Insights to monitor the application's performance, track usage, and identify potential issues for quick resolution. Deployment: The Image Upload and Display Application can be deployed on Azure App Service, which offers a fully managed platform for building, deploying, and scaling web apps. The deployment process includes configuring the web app, setting up the database or data storage, and enabling any necessary security measures and scaling options.

This project is ideal for individuals or businesses looking to create a user-friendly and scalable image-sharing platform. Whether it's for personal photo collections or a community-driven image repository, the Azure-based Image Upload and Display Application offers a robust and reliable solution.

Azure Services Used –

1.Virtual Machine
2.Azure SQL Database
3.Azure Storage account

Other Services Used –

Bash Scripts
Network security group

Environment Used-

VM – Linux (ubuntu 20.04)
System – Windows 11

Project Walkthrough

o Create an Azure free account, sign into my Azure Portal
o Click on virtual machine tab, create virtual machine

o Subscription- Free Trial o Resource group- photos-vm o Virtual machine name- new-vm o Region- West US 3 (Zone 1)

o Leave disks tab as default

Connect to virtual machines

There are several ways to access your Azure virtual machines. The Azure portal supports options for connecting your Windows and Linux machines, and making connections by using Azure Bastion. The following diagram shows how you can connect Azure virtual machines with the SSH and RDP protocols, Cloud Shell, and Azure Bastion. Architecture diagram

NOW CREATE A STORAGE ACCOUNT

o Subscription- Free Trial o Resource group- photos-vm o Storage account Name- photosto11 o Region- central(india)

I have created Storage accounts to store and manage photo in cloud environments, typically in the context of cloud computing platforms like Microsoft Azure,. They serve several important purposes:

Data Storage: Storage accounts provide a secure and scalable place to store various types of data, such as files, blobs, tables, queues, and virtual machine disks.

Scalability: They can scale to accommodate growing amounts of data, making them suitable for a wide range of applications, from small projects to large enterprises.

Data Redundancy: Storage accounts often offer features like data replication and redundancy to ensure data durability and availability. This means your data is stored in multiple locations, reducing the risk of data loss.

Accessibility: They allow you to access and manage your data over the internet or within a cloud network, making it accessible from anywhere.

Integration: Storage accounts can be integrated with various cloud services and applications, enabling you to build and deploy solutions that require data storage, retrieval, and processing.

Security: They offer security features, such as access control, encryption, and authentication, to protect your data from unauthorized access and breaches.

Cost Management: Cloud providers typically offer different storage tiers with varying costs, so you can choose the most cost-effective option for your specific use case.

In summary, storage accounts are a fundamental component in cloud computing, offering reliable and scalable data storage solutions for a wide range of applications and services.

CONNECT STORAGE ACCOUNT TO WEBSITE

• First go to access key of storage account • Copy the connection string of storage account and paste into code

• I have created storage account to store photos which any user will upload in my website

• Storage accounts are used for a variety of purposes in the context of cloud computing, particularly in platforms like Microsoft Azure. Here are some common reasons why storage accounts are used:

• Data Storage: Storage accounts are primarily used to store data, including files, documents, images, videos, and more. They provide scalable and reliable storage options for both structured and unstructured data.

• Backup and Recovery: Storage accounts can be used to create backups of your data, ensuring data resilience and enabling recovery in case of data loss or disasters.

CREATE A AZURE SQL DATABASE SERVER

• Resource group (move): photos-vm • Status: Online • Location: Central India • Subscription (move): Free Trial • Subscription ID: 4f7f032d-b4af-41de-9967-bf51447c8cd0 • Server name: photo.database.windows.net • Connection strings: Show database connection strings

CONNECT AZURE SQL DATABASE TO WEBSITE

• First go to connection string • Then paste the connection string in your code

NOW CONNECT THE VM SSH USING AZURE CLI

NOW IN TERMINAL WRITE THE COMMAND

1. sudo apt update && sudo apt upgrade –y 2. sudo apt install python3 python3-pip git -y 3. sudo apt install msodbcsql17 4. mkdir app 5. cd app

OPEN THE INBOUND PORT OF VM

GIT CLONE

Now the run the command python3 aap.py

Project Conclusion-

OUTPUT

SIGN UP

LOGIN PAGE

PHOTO GALLERY

CONCLUSION

In conclusion, the Azure-based Image Upload and Display Application represents a dynamic and versatile solution for users seeking a seamless and efficient way to manage and share images. By harnessing the power of Azure App Service and various Azure features, this project provides a robust platform that facilitates image uploading, organization, and accessibility.

Users can easily upload their images, enrich them with essential information, and navigate their collection with ease. The application's search and filter functionality enhances user experience, while responsive design ensures accessibility across different devices.

With a strong focus on data security and privacy, the project offers peace of mind to both individuals and businesses. Additionally, the scalability of the application allows it to adapt to fluctuating demands, making it an ideal choice for diverse user bases.

This project underscores the power of cloud-based services and modern web application development, delivering a reliable, user-friendly, and feature-rich environment for image management. Whether for personal or professional use, the Azure-based Image Upload and Display Application stands as a valuable and efficient tool for sharing and managing images.

For documentation click on the link https://docs.google.com/document/d/1rmz0BgdBoVjhgLc5MjrZ_7QPSE8A7aa0/edit?usp=sharing&ouid=102905264427811203114&rtpof=true&sd=true

for demo video click on this link https://drive.google.com/file/d/16Zur2XTQLnws16Und8xJR--qqM7nwD8v/view?usp=drivesdk

project demo url click on this click http://98.70.42.132:3000