Reveall B.V. (Next) — Ανασχεδιασμός frontend για πλατφόρμα event technology

Reveall B.V. case study — Ανακατασκευή της αρχιτεκτονικής frontend και του συστήματος components για το επόμενο κεφάλαιο της πλατφόρμας

Πελάτης:

Reveall B.V. (Next)

Ημερομηνία:

2023-01 – 2023-04

Διάρκεια:

4 μήνες
Reveall B.V. (Next) — Ανασχεδιασμός frontend για πλατφόρμα event technology
Ανασχεδιασμός frontend αρχιτεκτονικής για τη Reveall B.V., που πλέον λέγεται Next. Αναδιάρθρωση των θεμελίων, όχι φρεσκάρισμα επιφάνειας, με το προϊόν να συνεχίζει να βγάζει δουλειά.

Ο πελάτης

Η Next, πρώην Reveall B.V., φτιάχνει τεχνολογία για ζωντανές εκδηλώσεις: εργαλεία για διοργανωτές που τρέχουν events με ψηφιακό επίκεντρο.

Το έργο

Το frontend της Next δούλευε, αλλά η δομή του είχε πάψει να βοηθάει. Η ιεραρχία των components είχε ξεφύγει, η διάταξη ήταν ασυνεπής από ενότητα σε ενότητα, και το ίδιο UI ξαναχτιζόταν κάπως αλλιώς σε κάθε σημείο που εμφανιζόταν.Ο ανασχεδιασμός αφορούσε τον διαχωρισμό αρμοδιοτήτων πριν από οτιδήποτε οπτικό. Πού τελειώνει η ευθύνη ενός component, ποιος κρατάει τη διάταξη, ποιος κρατάει την κατάσταση. Αυτές οι απαντήσεις κρίνουν το πόσο ακριβά θα βγουν τα επόμενα δύο χρόνια.Το μεγαλύτερο κομμάτι ήταν ο σχεδιασμός επαναχρησιμοποιήσιμων custom components. Η επανάληψη είναι αυτό που σκοτώνει αθόρυβα ένα frontend, και κάθε αντίγραφο είναι ένα σημείο όπου μια μελλοντική διόρθωση θα μπει μία φορά και θα ξεχαστεί δύο. Το Vuetify και το Bootstrap καλύπτουν τα σημεία όπου ένα δοκιμασμένο έτοιμο component κερδίζει το φτιαγμένο στο χέρι.Αυτό που βγήκε είναι μια πιο προβλέψιμη βάση. Όχι τελειωμένη, οι βάσεις δεν τελειώνουν ποτέ, αλλά προβλέψιμη, κι αυτό είναι που επιτρέπει σε μια ομάδα να κινείται γρήγορα χωρίς να σπάει πράγματα πίσω της.

Η πρόκληση

Το να ανασχεδιάζεις εφαρμογή ενώ συνεχίζεται η ανάπτυξη του προϊόντος είναι ο περιορισμός που καθορίζει τα πάντα. Δεν μπορείς να σταματήσεις τον κόσμο για να κάνεις refactor, οπότε οι αλλαγές πρέπει να είναι συμβατές με ροές και features που υπάρχουν αυτή τη στιγμή.Η κόντρα είναι πάντα ανάμεσα στο να παραδώσεις αυτή την εβδομάδα και στο να μην το μετανιώσεις του χρόνου. Τα όρια των components, τα συστήματα διάταξης και η στρατηγική styling είναι εκεί που κρίνεται.

Τι έκανα εγώ

Frontend μηχανικός με την αρχιτεκτονική ως βασική μου έγνοια. Όρισα την αρχιτεκτονική του UI, καθοδήγησα τον σχεδιασμό των components και έστησα τη δομή πάνω στην οποία χτίστηκε η υπόλοιπη δουλειά.Μεγάλο μέρος ήταν συζήτηση με designers και ανθρώπους του προϊόντος: να παίρνεις σχεδιαστικές ιδέες και να βρίσκεις τη δομή frontend που τις εκφράζει, λέγοντας καθαρά ποιες οπτικές ιδέες ήταν φθηνές και ποιες ακριβές.Vue.js με custom components, μαζί με Vuetify και Bootstrap εκεί που άξιζαν τη θέση τους.

Τεχνολογίες

  • Vue.js, Vuetify, Bootstrap, custom αρχιτεκτονική components, ανασχεδιασμός εφαρμογής μόνο στο frontend, SaaS πλατφόρμες event technology
Ετικέτες
Κατηγορίες

Περισσότερα

Πείτε μου για το έργο σας και πάρτε τιμή, χρονοδιάγραμμα και αντικείμενο με email. Χωρίς κλήση.
Σας άρεσε αυτό που είδατε; Ας συνεργαστούμε

    Πώς δουλεύει
    1. Πείτε μου για το έργο σας παρακάτω.
    2. Σας στέλνω με email μερικές γρήγορες ερωτήσεις, περίπου 2 λεπτά.
    3. Παίρνετε τιμή, χρονοδιάγραμμα και αντικείμενο έργου με email. Χωρίς κλήση.
    Ένα link με βοηθάει να εκτιμήσω πιο γρήγορα το έργο σας.

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

    Ο ιστότοπος προστατεύεται από reCAPTCHA. Ισχύουν η Πολιτική Απορρήτου and Όροι Χρήσης της Google.