Applicazione Android e IOS per prenotare le stanze di un Hotel
Applicazione Android e IOS per la prenotazione delle stanze di un hotel.
Un cliente può prenotare la stanza di un albergo scegliendo tra le stanze degli alberghi forniti.
Caution
L’utilizzo e la distribuzione dell’app o delle sue risorse può violare il copyright. Non è stata verificata la conformità dell’app e delle sue risorse alle varie licenze. Le immagini di hotel e stanze sono state scaricate da internet. Molte delle icone sono copie di quelle fornite da SF Symbols.
Le schermate sono state acquisite da dispositivo fisico IOS: Iphone 14 Plus
Scegli Hotel | Scegli Stanza | Prenota | Scegli Data |
---|---|---|---|
1 | 2 | 3 | 4 |
- L'utente sceglie l'hotel
- L'utente sceglie la stanza
- l'utente prenota
- l'utente sceglie la data
App Multi Platform in React-Native che gestisce le richieste con un server web
Framework e linguaggi
- React-native v.0.74.0
- Typescript
Comunicazione con server web:
- Uso protocollo HTTPS
- Utilizzo di Fetch
- Sistena di API e Endpoints
Tip
iPhone 14 Plus (video) L’app è pronta per essere distribuita.
- Si crea il progetto React-Native dalla guida React-Native
- Si caricano i file sorgente sostituendo quelli già presenti
- Si segue la guida per il caricamento dei font (link)
Libreria | Routing tra le schermate | Richieste HTTPS | Token di accesso | Sicurezza dei dati |
---|---|---|---|---|
Versione Attuale | Nessuna | Fetch | Nessuna | Nessuna |
Versioni Future | React Navigation | Axios | AsyncStorage | crypto-js |
$ tree
.
└── src
├── assets
│ ├── fonts
│ └── images
├── scripts
│ ├── constants
│ │ ├── activities.tsx
│ │ ├── colors.tsx
│ │ ├── connection.tsx
│ │ ├── fonts.tsx
│ │ ├── images.tsx
│ │ └── screens.tsx
│ ├── features
│ │ ├── navigation
│ │ │ ├── Books.tsx
│ │ │ ├── Home.tsx
│ │ │ ├── Hotel.tsx
│ │ │ ├── Room.tsx
│ │ │ └── Rooms.tsx
│ │ ├── onboarding
│ │ │ └── Preview.tsx
│ │ └── profile
│ │ ├── Auth.tsx
│ │ ├── Profile.tsx
│ │ ├── Settings.tsx
│ │ └── SignIn.tsx
│ └── layouts
│ ├── Calendar.tsx
│ ├── Footer.tsx
│ ├── Header.tsx
│ └── Modal.tsx
└── App.tsx