την μεταϕόρτωση του online (deployment), αϕού δεν θα υπάρχει κάποια εκδήλωση

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

και άρα υπάρχουν ήδη καταχωρημένες εκδηλώσεις.

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

επισκεϕθεί την ηλεκτρονική διεύθυνση της, θα εμϕανίζεται στην αρχική σελίδα του

ιστοχώρου κατάλληλο μήνυμα όπου θα τον ενημερώνει πως δεν υπάρχουν καταχω-

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

εκδήλωσης μέσω του αντίστοιχου κουμπιού “Create Event” που εμϕανίζεται κάτω

από το μήνυμα και θα τον ανακατευθύνει στην ϕόρμα εγγραϕής αν κάνει κλικ σε

αυτό. Άρα λοιπόν, θα εμϕανίζεται όπως ϕαίνεται στο σχήμα 4.4 παρακάτω.

Σχήμα 4.4: Αρχική σελίδα πρώτου επισκέπτη.

Το σχήμα 4.5 παρουσιάζει την περίπτωση που υπάρχουν ήδη καταχωρημένες

εκδηλώσεις στο σύστημα ο επισκέπτης θα βλέπει τις εικόνες, τον τίτλο και την πε-

ριγραϕή των εκδηλώσεων, δηλαδή κάτι αντίστοιχο όπως στην ακόλουθη εικόνα. Οι

ϕωτογραϕίες που απεικονίζονται σε κάθε μια από τις εκδηλώσεις, εναλλάσσονται

δυναμικά κάθε 5 δευτερόλεπτα. Συγκεκριμένα, έχει τοποθετηθεί αυτόματο image

slider με τη χρήση των βιβλιοθηκών “react-slick” και “slick-carousel” ώστε να είναι

ορατές οι ϕωτογραϕίες που επέλεξε ο δημιουργός για την κάθε εκδήλωση ξεχωρι-

στά, κατά την περιήγηση του στην αρχική σελίδα του ιστοχώρου.

60