Streszczenie:
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.
