MarketplaceTurism și ospitalitate

Aplicația de rezervări

Dă-i unui hotel mic un site care vinde sejurul și preia rezervarea. Oaspeții aleg datele, văd ce camere sunt libere, rezervă în trei pași și plătesc la proprietate. Personalul conduce casa dintr-un singur back office: rezervări, calendar, camere, oaspeți și mesaje, cu sincronizare de calendar pentru Booking.com.

Ia aplicația
  • Inclusă în planurile Starter și Pro
  • O copie exactă a întregii aplicații
  • Frontend, backend și date incluse
  • A ta, o păstrezi și o schimbi în propriul tău repository
  • Multilingvă, pentru orice țară ai nevoie
Hero pe pagina principală, cu bară de rezervare peste marea la apus
Hero pe pagina principală
pagini publice
10
secțiuni în back office
8
workflow-uri de backend
23
tabele de date
10
bucket de imagini pentru fotografiile camerelor
1
Făcută pentru
  • Pensiuni, B&B-uri și hoteluri boutique, de la câteva camere până la o proprietate mică
  • Proprietari care vor mai multe rezervări directe
  • Agenții care fac rebranding pentru un client din ospitalitate
Fiecare ecran

Vezi-o așa cum o văd oaspeții și personalul

Un site care vinde sejurul

  • Hero pe tot ecranul, cu o bară de rezervare pentru date, oaspeți și cameră
  • O bandă glisantă de camere cu fotografie, preț, pat, locuri și suprafață
  • Secțiune cu povestea casei, bandă de facilități și galerie foto
  • Secțiune de vizită cu adresă și link spre hartă, plus o pagină de contact cu formular
Hero pe pagina principală, cu bară de rezervare peste marea la apus

1 / 8Hero pe pagina principală, cu bară de rezervare peste marea la apus

Drumul unei rezervări

De la datele reținute până la check-out

O rezervare își reține datele imediat. Una anulată le eliberează, iar oaspetele nu o mai poate readuce.

  1. În așteptare
  2. Confirmată
  3. Check-in făcut
  4. Check-out făcut
Pagina de confirmare, cu referința rezervării
Ce primești

Toată aplicația, unu la unu

Site public

  • Acasă
  • Camere
  • Pagina camerei
  • Rezervare
  • Confirmare
  • Contact
  • Autentificare
  • Creare cont
  • Parolă uitată
  • My bookings

Back office

  • Dashboard
  • Rezervări
  • Calendar
  • Camere
  • Oaspeți
  • Mesaje
  • Channel sync
  • Setări

Backend

  • 23 de workflow-uri pentru autentificare, camere, disponibilitate, rezervări, oaspeți, mesaje, sincronizarea calendarelor și setări
  • 10 tabele: utilizatori, camere, imagini ale camerelor, rezervări, blocări de disponibilitate, fluxuri de calendar, jurnale de sincronizare, mesaje, setări, token-uri pentru linkurile de autentificare
  • 1 bucket de imagini pentru fotografiile camerelor

Tehnologie

  • React 18, Tailwind CSS 4, componente în stil shadcn, iconițe Lucide
  • Parolele sunt stocate ca hash-uri; autentificarea folosește token-uri semnate
  • Paginile din back office și datele lor necesită un cont de personal
  • Emailurile de autentificare sunt trimise prin Resend
  • Schimbul de calendare folosește formatul standard iCal
În back office

O schimbi fără să atingi codul

  • Numele proprietății, adresa, telefonul, emailul și orele de check-in și check-out
  • Moneda, taxa de oraș și politica de anulare
  • Fiecare cameră și fotografiile ei
În cod

O editare rapidă pentru un rebranding complet

  • Titlul paginii principale, povestea, banda de facilități și citatele oaspeților
  • Linia „Lagos · Algarve · since 1998” și titlul secțiunii de vizită
  • Textele de contact și de confirmare
  • Linia din subsol și titlul site-ului
  • Fotografiile site-ului
Configurare

Opt pași până la propriul site de rezervări

Vei avea nevoie de

  • Un cont Ubex, unde rulează workflow-urile și tabelele aplicației
  • Un cont Resend cu un domeniu de trimitere verificat, pentru emailurile cu linkul de autentificare
  • Acces la extranetul Booking.com, dacă vrei sincronizare de calendar
  1. Adaugă secretele folosite de workflow-uri: JWT_SECRET și, pentru emailurile de autentificare, RESEND_API_KEY și EMAIL_FROM. APP_URL e opțional și stabilește adresa din linkul de pe email.
  2. Verifică un domeniu de trimitere în Resend. Fără el, aplicația funcționează în continuare cu parole.
  3. Setează adresa aplicației în originile permise ale workflow-urilor. Dacă adresele workflow-urilor se schimbă la copierea proiectului, actualizează-le în fișierul de API al aplicației.
  4. Creează primul proprietar: înregistrează un cont, apoi setează-i rolul admin în tabelul Users.
  5. Șterge utilizatorii, camerele și rezervările demo.
  6. Introdu datele proprietății în Setări și adaugă camerele și fotografiile în back office.
  7. Pentru fiecare cameră, conectează calendarele în extranetul Booking.com de pe pagina Channel sync.
  8. Publică aplicația pe un subdomeniu sau pe un domeniu propriu.
Bine de știut

Ce nu face

Mai bine afli acum decât mai târziu. Poți adăuga singur oricare dintre acestea: codul e al tău, îl schimbi cum vrei.

  • Fără plată onlineFără preluare de card, avansuri, rambursări sau preautorizări. Oaspeții plătesc la proprietate.
  • Fără emailuri de rezervareNu se trimit confirmări, memento-uri sau notificări de anulare. Singurul email e linkul de autentificare de unică folosință.
  • Fără alerte pentru personalRezervările și mesajele noi așteaptă în back office. Mesajele nu au stare de citit și nici ecran de răspuns: personalul răspunde din propriul email.
  • Nu e un channel managerConexiunea cu Booking.com schimbă doar date calendaristice, nu tarife, număr de camere, nume de oaspeți sau detalii de rezervare, și nu e în timp real.
  • Sincronizarea pornește manualCalendarele se sincronizează când personalul apasă Sync. Ca să ruleze periodic, adaugă un schedule în workflow-ul Channel Sync Clock.
  • Un singur preț pe camerăFără prețuri sezoniere, planuri tarifare, sejururi minime, reduceri sau coduri promoționale. Taxa de oraș e singurul extra.
  • Oaspeții nu pot modifica o rezervareO anulează și rezervă din nou.
  • Politica de anulare e doar textE afișată oaspeților. Nu se calculează și nu se percep penalizări.
  • Rezervările în așteptare nu expirăPersonalul le confirmă sau le anulează. Fiecare oaspete poate avea cel mult 3 rezervări în așteptare.
  • Câte unul din fiecareO proprietate și o monedă per aplicație.
  • Fără recenzii sau noteCitatele de pe pagina principală sunt text de exemplu din cod.
  • Puține ecrane de contNu există ecran de schimbare a parolei, pentru că „Parolă uitată” trimite un link de autentificare. Nici ecran pentru schimbarea rolului unui membru al personalului sau eliminarea contului lui.
  • Șterge camerele cu grijăȘtergerea unei camere nu verifică rezervările existente, așa că ascunde camerele care au rezervări. Fotografiile camerelor nu pot fi reordonate prin tragere.
  • Back office pentru desktop și tabletăNu e gândit pentru telefon. Partea pentru oaspeți, da.

Tot ce vezi în aceste ecrane e inventat: Casa Aurora, adresa, numerele de telefon și emailurile, oaspeții, personalul, rezervările, cifrele de venituri și citatele. Fotografiile sunt imagini temporare de pe Unsplash. Nu fac parte din aplicație, așa că înlocuiește-le cu ale tale.

Primește rezervări pe propriul site

Ia o copie exactă, pune-ți numele pe ea și fă-o a ta.