Building a Web Platform for Lock & Lock Recipes

Introduction

LLrecipe.com is a responsive website launched by LocknLock in 2022, developed to provide customers with a wide range of recipes. This website is designed to be easily accessible on various devices such as PCs, mobile phones, and tablets. Specifically, it offers recipes compatible with LocknLock's new steam air fryer and includes a feature that allows recipes to be transmitted to the air fryer via communication like WiFi.

Key Features

• Diverse Input Support: Customers can register recipes and comments in various formats such as text, images, and videos, facilitating smooth feedback and communication about the recipes.
• Bragging Feature: A community feature where customers can register and share their own developed recipes. Comments and replies can also be registered in text, image, and video formats, promoting interaction between customers and between customers and chefs.
• Filtering Function: Customers can filter recipes registered for different LocknLock air fryer models to easily find the recipes they need.
• CMS Design and Development: A content management system (CMS) was designed and developed, allowing administrators to freely register and manage recipes and other content.
• Asynchronous Call Method: Configured to call data quickly and concisely through backend APIs, optimizing the user experience.

Scope of Work

• Requirement Collection: Thoroughly analyzed customer requirements to set the project direction.
• Storyboard Creation: Designed the flow of the entire project and the layout of each page.
• Design: Created a user-friendly interface to provide a consistent experience across various devices.
• Publishing: Implemented the website using HTML5, CSS3, JavaScript, and jQuery.
• Front/Backend Development: Built server-side logic and databases using PHP and MariaDB.
• Testing: Minimized bugs and ensured stability through unit testing, third-party testing, and user testing.
• Release: Deployed the final product in the AWS EC2 environment and provided it to customers.

Technologies Used

• Server Configuration: Established a stable and scalable server environment using AWS EC2 (Windows), IIS, AWS S3, and AWS RDS.
• Backend: Implemented server-side logic using PHP.
• Database: Provided a stable and fast database environment using MariaDB.
• Frontend: Developed the responsive website using HTML5, CSS3, JavaScript, and jQuery.

Project Outcomes

LLrecipe.com is a user-friendly recipe website accessible on various devices. It offers a new cooking experience by integrating with LocknLock's steam air fryer. Users can interact through various content formats such as text, images, and videos, and share their own recipes through the bragging feature, forming a community. The CMS system allows administrators to manage recipes and content efficiently, and the asynchronous call method ensures fast data processing.

LLrecipe.com enhances customer satisfaction and strengthens LocknLock's brand value with its diverse features and stability. Future updates and improvements will continue to provide better service.