https://github.com/couchbaselabs/cbl-ionic-hotels

React Ionic app allows users to search and bookmark hotels from a Couchbase Lite database.
https://github.com/couchbaselabs/cbl-ionic-hotels

Last synced: about 1 month ago
JSON representation

React Ionic app allows users to search and bookmark hotels from a Couchbase Lite database.

• Host: GitHub
• URL: https://github.com/couchbaselabs/cbl-ionic-hotels
• Owner: couchbaselabs
• License: other
• Created: 2024-05-31T01:33:53.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-22T18:44:45.000Z (about 1 month ago)
• Last Synced: 2024-11-22T19:36:54.323Z (about 1 month ago)
• Language: TypeScript
• Homepage:
• Size: 490 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Couchbase Lite Hotels Demo App

In spirit of the original demo app for the "Build Offline-Enabled Mobile Apps With Ionic and Couchbase Lite" talk at Couchbase Connect 2021, this app allows users to search and bookmark hotels using data loaded from a Couchbase Lite database.

You can find the original demo app [here](https://github.com/ionic-team/demo-couchbaselite-hotels)

Created with modern React and the new Couchbase Lite integration in Ionic. 

## Features

* Data from a Couchbase Lite database: The database is embedded into the Android and iOS apps.

* Couchbase Lite Plugin designed using Capacitor

* UI components powered by Ionic Framework: search bar, bookmarks, icons, list items, and more.

* Bookmarked hotels: Saved in a Couchbase Lite database.

* Cross-platform: Create iOS and Androids apps all from the same codebase with standard web technologies.

## Tech Details

- UI: [Ionic Framework 7](https://ionicframework.com) and [React 18](https://react.dev/)

- Native runtime: [Capacitor 6](https://capacitorjs.com)

- Database: Couchbase Lite v3.2.1 powered by [Couchbase Lite integration](https://cbl-ionic.dev/)

## Development Requirements

[Documentation](https://cbl-ionic.dev/StartHere/prerequisites)

## How to Run

Note: Installing and running this app, which uses Couchbase Lite Enterprise edition , which requires a license. 

- Install the Ionic CLI: `npm install -g @ionic/cli`

- Clone the repo: `git clone [email protected]:couchbaselabs/cbl-ionic-hotels.git`

## Setup the demo app

- Install the dependencies for the demo app

```shell

cd cbl-ionic-hotels

npm install

npm run build

npx cap sync

cd ios/App

pod install

cd ../..

 ```

- Run via capacitor

**iOS**

 ```shell

ionic capacitor run ios -l --external 

 ```

**Android**

 ```shell

ionic capacitor run android -l --external

 ```