δομένων (data validation). Τα δεδομένα που εισάγονται στις ϕόρμες συμπλήρωσης

στοιχείων επικυρώνονται τόσο στο front-end (React) όσο και στο back-end (Node

server), σε όλη την διαδικτυακή εϕαρμογή. Αυτό πραγματοποιήθηκε για να απο-

τραπεί η παρέλευση δεδομένων που δεν έχουν ελέγχει, διότι υπάρχουν λογισμικά

που δημιουργούν http requests, όπως είναι για παράδειγμα το postman, τα οποία

παρακάμπτουν το front-end κομμάτι και μπορούν να το διαπεράσουν. Για το λόγο

αυτό, όπως προαναϕέρθηκε, έχει χρησιμοποιηθεί validation και στον server μέσω

της γνωστής βιβλιοθήκης “express-validator”, έτσι ώστε σε τέτοιες περιπτώσεις να

επιστρέϕει κατάλληλο μήνυμα για το είδος εισαγωγής των δεδομένων. Επίσης, κά-

νοντας χρήση των React Hooks, παραμένει ο ϕόρτος των εργασιών του server σε

αρκετά χαμηλό επίπεδο. Τέλος, πριν αρχίσει η ανάλυση των λειτουργιών, παρου-

σιάζοναι στο σχήμα 4.1 και σχήμα 4.2 η μπάρα πλοήγησης (navigation bar), τόσο

για τον επισκέπτη όσο και για τον χρήστη, καθώς και στο σχήμα 4.3 το υποσέλιδο

της διαδικτυακής εϕαρμογής (footer).

Σχήμα 4.1: Μπάρα πλοήγησης μη εγγεγραμμένου χρήστη.

Σχήμα 4.2: Μπάρα πλοήγησης εγγεγραμμένου χρήστη.

Σχήμα 4.3: Υποσέλιδο διαδικτυακής εϕαρμογής (footer).

4.1.1

Αρχική σελίδα διαδικτυακής εφαρμογής

Σε αυτή την υποενότητα γίνεται ανάλυση της πρώτης επαϕής ενός επισκέπτη με

τον ιστοχώρο. Πιο συγκεκριμένα, ακολουθεί παρουσίαση της αρχικής σελίδας της

διαδικτυακής εϕαρμογής, τόσο για κάποιον ο οποίος επισκέπτεται την ιστοσελίδα

χωρίς να διαθέτει λογαριασμό, όσο και για τα μέλη της. Επιπλέον, αναϕέρονται οι

περιπτώσεις όπου ο επισκέπτης είναι ο πρώτος που επισκέϕθηκε τον ιστοχώρο μετά

59