Benvenuti in questo repository dedicato alla replica di un sito ispirato ad Airbnb chiamato Boolbnb! Si tratta di un'impresa di gruppo che corona un intenso percorso di sei mesi di full immersion nel mondo dello sviluppo web Full-Stack. In questo repository troverete il codice sorgente relativo alla parte FRONT-END di questo emozionante lavoro di gruppo.
Giuseppe Sciacca Full-Stack Web Developer | Agronomo
Luca Piacentini Full-Stack Web Developer | Chinesiologo
Luca Cirigliano Full-Stack Web Developer
Domiziano De Santis Full-Stack Web Developer
Carmelo Leone Full-Stack Web Developer | Chitarrista dei 7 Black Sides
È fondamentale sottolineare che questo progetto è nato come parte di un percorso di apprendimento. Siamo orgogliosi del nostro lavoro, ma è importante fare attenzione all'uso appropriato di qualsiasi componente o concetto derivato da questo repository.
Il progetto include alcune delle funzionalità chiave:
- Ricerca degli alloggi: gli utenti possono cercare alloggi disponibili in base alla posizione, servizi di interesse, numero di stanze, letti disponibili e raggio chilometrico.
- Visualizzazione degli alloggi: gli utenti possono visualizzare informazioni dettagliate sugli alloggi, incluse foto, posizione su una mappa interattiva e servizi accessori.
- Gestione delle prenotazioni: gli host con appartamenti registrati possono ricevere messaggi di interesse dagli utenti tramite un form di contatto sulla pagina dell'appartamento.
- Sistema di sponsorizzazione: gli host registrati possono scegliere di sponsorizzare i loro alloggi per 24, 72 o 144 ore. Con la sponsorizzazione, che avviene attraverso un pagamento con Braintree, gli appartamenti vengono mostrati in cima alla lista nella visualizzazione degli appartamenti.
- Visualizzazione delle statistiche: gli host, attraverso il grafico di chart.js, possono vedere il numero di visualizzazioni avuto nel tempo, divise per anno.
Il progetto è stato sviluppato utilizzando diverse tecnologie e framework per supportare lo sviluppo Full-Stack:
- Frontend: Abbiamo utilizzato Vue.js per creare un'interfaccia utente responsive e interattiva. Inoltre, abbiamo utilizzato HTML, SCSS e JavaScript per lo sviluppo.
- Backend: Abbiamo utilizzato Laravel per creare il server backend, gestire le richieste API, l'archiviazione dei dati e l'interazione con il database.
- Mappe: Abbiamo utilizzato TomTom Developer per ottenere le coordinate geografiche a partire da un indirizzo e visualizzare il punto sulla mappa.
- Pagamenti: Abbiamo utilizzato Braintree per il sistema di pagamento.
- Grafici: Abbiamo utilizzato Chart.js per la visualizzazione dei grafici.
Siamo entusiasti di condividere con voi il nostro progetto Boolbnb!
with Love, Team Five. 🌱