Στη παρούσα εργασία παρουσιάζεται η διαδρομή για την κατασκευή ενός ηλεκτρονικού
καταστήματος ψηφιακών παιχνιδιών με τους δύο τεχνολογικoυς συνδυασμούς, MERN Stack (MongoDB, Express.js, React.js, Node.js) και PERN Stack (PostgreSQL, Express.js, React.js, Node.js) αναλύοντας και σχεδιάζοντας ίδιες λειτουργίες, δεδομένα και στόχους. Επίσης παρουσιάζονται σύγχρονα εργαλεία και μέθοδοι που χρησιμοποιήθηκαν όπως τo ODM (Object Data Modeling) Mongoose και ORM (Object Relational Modeling) Sequelize, αυθεντικοποίηση βασισμένη σε κωδικό, εξουσιοδότηση βασισμένη στο ρόλο χρήστη,του Mailtrap για δοκιμές αποστολής email για ανάκτηση κωδικού, του εξωτερικού παρόχου αποθηκευτικού χώρου Cloudinary για την αποθήκευση εικόνων και Stripe για τη πληρωμή των ψηφιακών παιχνιδιών. Το κύριο μέρος της εργασίας ξεκινάει με την γενική περιγραφή του e-shop το οποίο ονομάζεται CheapGames. Οντότητες και ιδιότητες από τη γενική περιγραφή αναλύονται και παρουσιάζονται για να ακολουθήσει ο καθορισμός των λειτουργικών απαιτήσεων και ο διαφορετικός σχεδιασμός των δεδομένων για τις βάσεις MongoDB και PostgreSql που είναι και η κύρια διαφορά των δύο στιβών. Λεκτικές περιγραφές περιπτώσεων χρήσης συνοδευόμενες από ScreenShots από τις σελίδες δείχνουν το τι σχεδιάστηκε και το αποτέλεσμα στην μεριά του χρήστη. Tα endpoints στα οποία ένας client μπορεί να στέλνει αιτήματα στον server, καθορίστηκαν βάση της αρχιτεκτονικής Rest και παρουσιάζονται σε ένα παράρτημα αναφέροντας την περίπτωση χρήσης στην οποία
αντιστοιχούν μέσω του κωδικού της και την εικόνα του screenShot με τη σελίδα του site για να γνωρίζει ο αναγνώστης σε ποιo σημείο της διαδικτυακής εφαρμογής εκτελούνται. Το αποτέλεσμα της ανάλυσης και σχεδίασης οδηγεί στον τρόπο υλοποίησης του backend της διαδικτυακής εφαρμογής CheapGames, συμπεριλαμβάνοντας την δομή των φακέλων και των αρχείων κατά την υλοποίηση με τις δύο στίβες. Ρυθμίσεις περιβάλλοντος, εγκατάσταση και σύνδεση server με τη κάθε βάση και κώδικες αρχείων δείχνουν πως η ανάλυση και η σχεδίαση έπαιξε ρολο στη κάθε υλοποίηση. Το frontend της διαδικτυακής εφαρμογής CheapGames επίσης παρουσιάζεται μέσω των απαραίτητων ρυθμίσεων, της δομής των φακέλων, ενός παραρτήματος με μία σύντομη περιγραφή για κάθε φάκελο και αρχείο και των βιβλιοθηκών που χρησιμοποιήθηκαν. Τέλος παρουσιάζονται τα συμπεράσματα για τα κοινά σημεία και τις διαφορές που συναντήθηκαν σε όλη τη διαδρομή μέχρι την υλοποίηση της διαδικτυακής εφαρμογής
CheapGames με τις δύο τεχνικές.

This paper presents the path for building an online digital games store with the two
technological combinations, MERN Stack (MongoDB, Express.js, React.js, Node.js) and
PERN Stack (PostgreSQL, Express.js, React.js, Node.js) by analyzing and designing the
same functions, data and goals. This paper also talks about some modern tools and methods that were used for the implementation. These include ODM (Object Data Modeling) Mongoose and ORM (Object Relational Modeling) Sequelize, as well as password-based authentication, user role-based authorization, Mailtrap for sending tests emails to find lost passwords, Cloudinary for storing images, and Stripe for purchasing digital games. The main part of the paper begins with the general description of the e-shop called CheapGames. Entities and properties from the general description are analyzed and presented to follow the definition of functional requirements and the different designs of the data for the MongoDB and PostgreSQL databases, which is the main difference between the two stacks. Screenshots from the pages accompany verbal descriptions of use cases, illustrating the design process and the resulting user experience. The endpoints to which a client can send requests to the
server were defined based on the Rest architecture and listed in an appendix with their use case code and screenshot image with the site page so the reader knows where they are executed in the web application. The result of the analysis and design leads to the implementation of the backend of the CheapGames web application, including the structure of the folders and files during the implementation with the two stacks. Environment settings, installation and server connection with each database and file codes show how the analysis and design played a role in each implementation. The frontend of the CheapGames web application is also presented through the necessary settings, the folder structure, an appendix with a brief description for each folder and file and the libraries used. Τhe conclusions are presented on the common points and differences encountered throughout the implementation of the CheapGames web application with the two techniques.