Comprehensive Cosmetic Platform

Abstract

Purpose The Comprehensive Skincare Platform is the website where users can gather and share knowledge about cosmetics and skincare with uploading posts. Additionally, the platform can provide cosmetic ingredients analytics to help the user find the most suitable products according to the user’s skin type. The authors aimed to develop an IT solution that supports the efficient and effective data fetch to retrieve and display the data for the user. Methods The authors focused on data transfer between the backend application and frontend application to display product list and product detail more effectively by using GraphQL technology. Using this technology enhances the speed of fetching the exact data needed from an API and it results in prevention of Over-fetching and Under-fetching of the data. Back-end application is developed using Node.js, GraphQL and Apollo client. The structure is to set the input and output with the Data transfer object and define the business logic’s input type and return type with this Data transfer object. This business logic is called ‘Resolver’. Front-end application is developed with React, Chakra-UI and Next.js framework. These technologies boost the speed of front-end development and provide features of Server Side Rendering which reduces the loading time of the application. Conclusion The Comprehensive Skincare Platform application is built on top of the open-source technologies. Especially, all major technologies are based on Javascript language adapted to the back-end and the front-end part of the application.