From Static to Dynamic: How I Transformed a Café’s Website to Accept Online Orders Using AWS EC2

Photo by Nathan Dumlao on Unsplash

A beautiful website isn’t enough to meet customers’ needs in today's digital age. As the café in our scenario discovered, the demand for online ordering was a frequent request from their patrons. With their existing static website hosted on Amazon S3, the café found themselves at a crossroad. Their current setup, while visually appealing, couldn’t support the new functionality needed to delight their customers further.

Faced with this challenge, I stepped into the shoes of Sofía, one of the café’s tech-savvy team members, to tackle this issue head-on. My mission? To configure an Amazon EC2 instance that would host a dynamic website capable of accepting online orders and providing the café staff with a platform to view submitted orders. Here’s how I solved it.

Analyzing the Existing EC2 Instance

The first step was to dive into the existing infrastructure. I connected to the AWS Cloud9 IDE running on the EC2 instance, which saved me from the hassle of managing key pairs and using SSH software like PuTTY. This integrated development environment (IDE) provided everything I needed, from a code editor to a debugger and terminal, all in one place.

Upon connecting, I analyzed the EC2 instance environment to ensure it had everything necessary for our new dynamic website. This included checking if the Linux, Apache, MySQL, and PHP (LAMP) stack was correctly installed and confirming the accessibility of the web server.

Configuring the LAMP Stack Environment

The LAMP stack is crucial for running dynamic websites. The Linux OS provides the foundation, Apache serves as the web server, MySQL manages the database, and PHP handles the backend logic. My analysis confirmed that the LAMP stack was installed, but some tweaking was needed to meet the café’s specific requirements.

I ensured that all components were up to date and configured correctly, optimizing the server environment for hosting the new application.

Installing the Café Application

With the environment prepared, it was time to install the café’s new application. This application was designed to handle online orders, a significant upgrade from their previous static site. The installation process involved placing the application files in the appropriate directory, setting the correct permissions, and configuring the application to connect to the MySQL database using AWS Systems Manager Parameter Store.

Using Parameter Store, I securely managed sensitive information such as database credentials without hardcoding them into the application. This step not only enhanced security but also made it easier to manage and update the application in the future.

Testing the Web Application

Once the application was installed, it was crucial to ensure everything worked as expected. I ran a series of tests to confirm that the website was accessible to customers and that the online ordering system functioned correctly. These tests included submitting mock orders, checking if they appeared in the staff’s dashboard, and verifying that the application could handle multiple concurrent users.

Image showing the order history page of the cafe during a test of the website

Creating an AMI and Deploying to Another Region

Satisfied with the application’s performance, I created an Amazon Machine Image (AMI) from the configured EC2 instance. This AMI served as a template for deploying the application in other regions, ensuring consistency and reducing setup time.

I then deployed a second instance of the application in another AWS Region, setting up a production environment that mirrored the development environment. This step was critical for scaling the café’s operations and ensuring high availability for their online ordering system.

Image showing the Architecture layout of my cloud environment

By the end of this challenge, the café was equipped with a dynamic, scalable website that not only looked good but also delighted customers with the much-requested online ordering feature. The process of transforming their website from static to dynamic required careful planning, a solid understanding of AWS services, and meticulous execution. Through this experience, I learned valuable lessons in deploying web applications on AWS and managing the intricacies of cloud-based infrastructures.

This journey not only met the café’s immediate needs but also positioned them for future growth, with a robust online presence that could easily adapt to their evolving business requirements. If your business is facing similar challenges, consider leveraging the power of AWS to elevate your digital offerings and exceed customer expectations.