Developing e-commerce web applications using MERN stack and ELK stack

With the rapid development of the Internet and technology, daily activities are gradually improving to offer human beings a better quality of life. E-commerce, with the undeniable convenience it provides, is gradually replacing traditional shopping methods. Part of the explanation for this is that emerging technologies are making it easier for web developers to create, handle, and sustain high-performing web applications. In this paper, we will discuss the technique, reasons to use the stacks, the way it works and our results by applying these technologies on e-commerce.
Nội dung trích xuất từ tài liệu:
Developing e-commerce web applications using MERN stack and ELK stack DEVELOPING E-COMMERCE WEB APPLICATIONS USING MERN STACK AND ELK STACK SVTH: Nguyễn Mạnh Tiến, Trần Anh Tú GVHD: ThS Đỗ Thị Phương Thảo Tóm tắt - Với sự phát triển nhanh chóng của Internet và công nghệ, các hoạt động hàng ngày đang dần được cải thiện để mang đến cho con người một cuộc sống chất lượng hơn. Thương mại điện tử với những tiện ích không thể phủ nhận mà nó mang lại đang dần thay thế các phương thức mua sắm truyền thống. Một phần lý giải cho điều này là các công nghệ mới nổi đang giúp các nhà phát triển web tạo, xử lý và duy trì các ứng dụng web hiệu suất cao dễ dàng hơn. Trong bài báo này, chúng tôi sẽ thảo luận về kỹ thuật, lý do sử dụng ngăn xếp, cách thức hoạt động và kết quả của chúng tôi khi áp dụng các công nghệ này trên thương mại điện tử. Abstract - With the rapid development of the Internet and technology, daily activities are gradually improving to offer human beings a better quality of life. E-commerce, with the undeniable convenience it provides, is gradually replacing traditional shopping methods. Part of the explanation for this is that emerging technologies are making it easier for web developers to create, handle, and sustain high-performing web applications. In this paper, we will discuss the technique, reasons to use the stacks, the way it works and our results by applying these technologies on e-commerce. Keywords – ExpressJS, MERN stack, MongoDB, NodeJS, ReactJs, ,E-commerce, Elasticsearch, Kibana, ELK stack I. INTRODUCTION Technology is constantly advancing and penetrating every aspect of today's life. People are getting more and more excited about big data, digitizing businesses, and incorporating technology into the workplace. Furthermore, the covid pandemic (Covid-19) has spread and shows no signs of abating, leading to an explosion of e-commerce with the ability to shop without leaving your seat. A normal website cannot afford to build a large system like e-commerce, since it requires a variety of different and complex techniques. Additionally, a simple website built with basic HTML, CSS, and a few lines of Javascript to handle the logic is no longer sufficient to meet the growing needs of customers. A website nowadays not only has to be user-friendly interface but also required to have an acceptable performance as well as a secure system to store data and customer identities. To have the abilities to build a web application that meet the user needs, many techniques and approaches were introduced and widely adopted to not only handle the majority of the time-consuming development process, but also to make the application highly efficient and scalable on demand. One of the most popular approaches, which will be addressed in this paper, is the stack - the collection of a series of technologies allow developers to handle both the front-end and back-end development of a website. 33 II. MAIN CONTENT A. What are MERN, ELK stack? 1. MERN Stack As stated above, a stack is a set combined of different programming languages, tools and technologies needed in order to develop a complete web application. MERN stack is named after the four key technologies that make up the stack: MongoDB, ExpressJS, ReactJS, NodeJS. It is an open-source full stack development framework all based on the language of Javascript. MongoDB - a cross platform, NoSQL database management system - provides a highly scalable storage which can be used to store large volumes of data in binary JSON (JavaScript Object Notation) format, which allows the fast data exchange rate between the server and client. ExpressJS is a module built on NodeJS, taking charge of server's and routes' management. ReactJS is a Facebook-developed open source library for creating user interfaces for SPAs (single page applications) and mobile apps. Because of its scalability and reusability across multiple platforms, it is becoming increasingly popular among developers. Last but not least, NodeJS is an open-source, cross-platform runtime environment that connects to the Node Package Manager (NPM), a repository of thousands of widely used packages [1]. 2. ELK Stack The ELK stack is an acronym that stands for Elasticsearch, Logstash, and Kibana, which are three common open-source projects. Elasticsearch is an open-source, RESTful, distributed search and analytics engine. Logstash is a server-side data processing pipeline that simultaneously ingests data from multiple sources, transforms it, and sends it to Elasticsearch. Kibana - an open-source data visualization - allows users to visualize data stored in Elasticsearch using charts and graphs [5]. B. Why use MERN, ELK stack? 1. MERN Stack MERN is now considered one of the most popular stacks among developers and architects with all the advantages it brings. It includes four robust open-source technologies, which covers the entire web development cycle from front-end development to back-end development, allowing the development of a full-fledged web application with probably lowest development cost. Moreover, it facilitates the MVC (Model View Controller) architecture, which ensures a smooth web development process along with a pre-built extensive suite of testing tools for easier testing processes. Initially, MongoDB has a simple setup process, high scalability as massive data sets are divided across several computers, and since it is schema-less, various types of data are stored in separate documents, resulting in no dependencies. Next, ExpressJS provides a robust API along with rapid speed and minimal architecture. It's also perfect for code reusability with its built-in router. ...