Page Publishing.

Introduction

With the options from the functionalities list complete it was time to add the final feature: the ability to publish a generated page so it can be publicly viewed. This feature is important because without it users wouldn't be able to share their generated content. Publishing the pages would allow users to take full advantage of the tool by making their content accessible to anyone on the internet.

Abstract

To create this feature I had to use AWS once again, as it was a requirement for the project. Because the pages are made out of HTML and CSS, sometimes with an additional styling framework, I could use the same method for hosting as I did for the images. I used AWS S3 and CloudFront to save and host the HTML files.

On the backend I used the Boto3 package, which allows me to easy interact with AWS services. The backend creates a random ID for each page, saves the HTML file to an S3 bucket, and makes it accessible via CloudFront. This method made sure that the pages are hosted securely and could be accessed quickly from anywhere.

On the frontend I made some adjustments to add the new publishing feature. I added a heading above the iFrame to include the publish button and moved the edit mode switch to this new header. This layout makes it easy for users to find and use the publish button.

Now with just a press of a button, users can publish their generated pages and make them publicly accessible.

Demo

Conclusion

This was a simple but very important feature to include as it finalized the features within the scope of the project. By integrating this feature the tool now covers all the most important functionalities which gives a solution for users to generate, customize, and publish their content.