istourgos

Προσωπικό project

Cinematura

Web εφαρμογή

Web εφαρμογή με σύνθετη αναζήτηση ταινιών, ενσωματωμένο αναγνώστη βιβλίων στον browser και παγκόσμιο χάρτη ραδιοφώνων σε 3D υδρόγειο. Ελληνικά και αγγλικά.

cinematura.net

Φτιάχτηκε με

  1. Laravel
  2. Alpine.js
  3. Tailwind CSS
  4. D3

  1. Ταινίες, σειρές, βιβλία και ραδιόφωνο στην ίδια οθόνη

    Η Cinematura αναπτύχθηκε ως ένα προσωπικό project με σκοπό τη διασύνδεση και τον συγχρονισμό πολλαπλών εξωτερικών APIs σε ένα ενιαίο περιβάλλον. Χτισμένη πάνω στο Laravel framework, η εφαρμογή εστιάζει στην ορθή επεξεργασία δεδομένων σε πραγματικό χρόνο, στη σταθερότητα του backend και στην καθαρή, γρήγορη πλοήγηση του χρήστη, υποστηρίζοντας πλήρη πολυγλωσσία και εναλλαγή light/dark mode.

  2. Σελίδα ταινίας στη Cinematura: 2001: Η Οδύσσεια του Διαστήματος, με διάρκεια, βαθμολογία, είδη, σκηνοθέτη και ηθοποιούς
    Η σελίδα μιας ταινίας

  3. Κάθε τίτλος με όλα όσα τον συνοδεύουν

    Διάρκεια, βαθμολογία, είδη, χώρα και γλώσσα, σκηνοθέτης και ηθοποιοί, μαζί με φωτογραφίες, τρέιλερ και επιμελημένες λίστες. Όλες οι πληροφορίες εμφανίζονται αυτόματα σε ένα καθαρό περιβάλλον πλοήγησης.

  4. Σελίδα σειράς στη Cinematura: Διαχωρισμός (Severance), με επεισόδια, βαθμολογία, είδη, μουσική και ηθοποιούς
    Η σελίδα μιας σειράς

  5. Οι άνθρωποι πίσω από κάθε παραγωγή

    Κάθε σκηνοθέτης, ηθοποιός και συντελεστής έχει τη δική του σελίδα, όπου εμφανίζεται η βιογραφία του μαζί με όλες τις ταινίες και τις σειρές στις οποίες έχει συμμετάσχει.

  6. Σελίδα προσώπου στη Cinematura: ο Άλφρεντ Χίτσκοκ με φωτογραφία και βιογραφία
    Η σελίδα ενός δημιουργού

  7. Αναζήτηση και έξυπνα φίλτρα

    Έχετε τη δυνατότητα να ψάξετε και να φιλτράρετε ολόκληρο τον κατάλογο, να περιηγηθείτε σε λίστες συντελεστών και να βρείτε εύκολα τα καλύτερα έργα του καθενός.

  8. Η λίστα των σπουδαιότερων σκηνοθετών στη Cinematura και οι καλύτερες ταινίες του Θόδωρου Αγγελόπουλου
    Λίστες σκηνοθετών και ταινιών

  9. Βιβλία έτοιμα για ανάγνωση

    Μια επιλογή βιβλίων με φίλτρα ανά γλώσσα, συγγραφέα και τίτλο, τα οποία ανοίγουν κατευθείαν μέσα στην εφαρμογή, προσφέροντάς σας άμεση πρόσβαση.

  10. Επιλεγμένα βιβλία στη Cinematura με φίλτρα γλώσσας και συγγραφέα
    Επιλεγμένα βιβλία

  11. Ένας αναγνώστης βιβλίων απευθείας στον browser

    Ο ενσωματωμένος αναγνώστης EPUB περιλαμβάνει αναζήτηση κειμένου, πίνακα περιεχομένων και αυτόματη καταγραφή της προόδου σας, ώστε να συνεχίζετε την ανάγνωση ακριβώς από το σημείο που σταματήσατε.

  12. Ο αναγνώστης βιβλίων της Cinematura με τον Αγαμέμνονα του Αισχύλου ανοιχτό
    Ο αναγνώστης βιβλίων

  13. Ο κόσμος του ραδιοφώνου σε τρισδιάστατη προβολή

    Μια τρισδιάστατη υδρόγειος με ζωντανούς ραδιοφωνικούς σταθμούς από όλο τον κόσμο. Έχετε τη δυνατότητα να την περιστρέψετε, να εστιάσετε σε οποιαδήποτε χώρα και να ακούσετε τη ροή μέσω ενός player, ο οποίος συνεχίζει να παίζει κανονικά καθώς περιηγείστε στην εφαρμογή.

  14. Ο παγκόσμιος χάρτης ραδιοφώνων της Cinematura: τρισδιάστατη υδρόγειος με σταθμούς και λίστα
    Ο παγκόσμιος χάρτης ραδιοφώνων

  15. Και το τμήμα που δεν φαίνεται

    Πίσω από την εφαρμογή λειτουργεί ένα API σε Laravel 12 και PHP 8.4, που επικοινωνεί σε πραγματικό χρόνο με τα APIs των TMDB και Radio Browser. Στο frontend χρησιμοποίησα Tailwind CSS 4, Alpine.js και Turbo, διασφαλίζοντας ακαριαία πλοήγηση χωρίς φορτώσεις, ώστε ο ραδιοφωνικός player να συνεχίζει να παίζει ασταμάτητα καθώς περιηγείστε. Η 3D υδρόγειος βασίζεται σε D3.js και TopoJSON, ενώ ο αναγνώστης βιβλίων τρέχει τοπικά μέσω EPUB.js.